marslı
23-01-2008, 01:57 AM
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.
pozition
Yeni konum belirtilen elemanın konum özelliğini belirtir. Alabileceği değerler :
1. static elemanın sayfa içerisinde bulunacağı doğal sıralamasına göre yerleştirmek için kullanılır.
2. absolute elemanın sayfa içerisinde verilen konuma yerleştirir. Bu konum diğer sayfa elemanlarından bağımsız bir durum arzeder.
3. 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; }
top
Uygulandığı 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%; }
left
Uygulandığı 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 özellikleri
Uygulandıkları elemanların genişlik ( width) ve yükseklik ( height) değerlerini belirtirler. Bir değer atanacağı gibi auto değeri de kullanılabilir.
Konumsal özellikler bir elemanın sayfa içerisindeki bulunacağı konum hakkında tanımlamaları yaparlar. Birçok özellik bu bölümde kullanılabilir.
pozition
Yeni konum belirtilen elemanın konum özelliğini belirtir. Alabileceği değerler :
1. static elemanın sayfa içerisinde bulunacağı doğal sıralamasına göre yerleştirmek için kullanılır.
2. absolute elemanın sayfa içerisinde verilen konuma yerleştirir. Bu konum diğer sayfa elemanlarından bağımsız bir durum arzeder.
3. 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; }
top
Uygulandığı 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%; }
left
Uygulandığı 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 özellikleri
Uygulandıkları elemanların genişlik ( width) ve yükseklik ( height) değerlerini belirtirler. Bir değer atanacağı gibi auto değeri de kullanılabilir.