|
CSS Konumsal özelliklerin ayarlanması 1 |
|
|
|
Cuma, 04 Mayıs 2007 |
Konumsal özelliklerin ayarlanmasıKonumsal özellikler bir elemanın sayfa içerisindeki bulunacağı konum hakkında tanımlamaları yaparlar. Birçok özellik bu bölümde kullanılabilir. pozitionYeni konum belirtilen elemanın konum özelliğini belirtir. Alabileceği değerler : - static elemanın sayfa içerisinde bulunacağı doğal sıralamasına göre yerleştirmek için kullanılır.
- absolute elemanın sayfa içerisinde verilen konuma yerleştirir. Bu konum diğer sayfa elemanlarından bağımsız bir durum arzeder.
- relative elemanı önce gelen elemana göre konumlandırır. Verilen konum değerleri önceki elemana göre atanır.
P { position : absolute; }
DIV { position : static; } topUygulandığı elemanın sayfanın üst kenarında göre uzaklığını belirtir. Eğer position relative olarak ayarlandıysa önceki sayfa elemanından başlayarak verilen değer kadar düşey olarak öteden eleman başlatılır.
P { position : absolute; top :20; }
DIV { top : 15;}
.aciklamalar { top: 30%; } leftUygulandığı elemanın sol kenara göre yatay olarak nereden başlayacağını belirtir. Uzunluk değeri veya yüzdelik değer alabilir. Eğer position relative olarak ayarlandıysa ayarlama önceki elemana göre yapılır.
P { left : 40; }
.alan { left : -20; } width ve height özellikleriUygulandıkları elemanların genişlik ( width) ve yükseklik ( height) değerlerini belirtirler. Bir değer atanacağı gibi auto değeri de kullanılabilir.
|