BiLgi Dünyası

CSS De Position Özelliği

Html'de kullandığımız Layer (katman) etiketlerinin html üzerindeki yerleştirme işlemi için kullanılır. Hemen bir örnek ile görelim.

Kod: Tümünü seç: <html> 10 :. <head> <title>Css</title> <STYLE type="text/css"> <! — div { position:absolute; top:20px; left:10px; width:200px; height:200px; clip:auto; overflow:scroll; z-index:auto; visibility:visible; </style> <body> <div> Web Teknikleri<br> Html<br> Javascript<br> Css<br> Grafik<br> <p> Web Teknikleri </body> </html>

position :

• absolute : Katmanın yerinin kesin olarak belirlenmek istendiğinde
kullanılır.
• relative : Katmanın yerinin göreli(diğer öğelere göre değişebilen) olarak
• belirlenmek istendiğinde kullanılır.
• static : Katmanın yerinin sabit olarak belirlenmek istendiğinde kullanılır.
• top : Katmanın üst kısımdan kaç piksel aşağıda olması gerektiğini
belirler.
• left : Katmanın sol kısımdan kaç piksel aşağıda olması gerektiğini
belirler.
• width : Katmanın genişliğinin kaç piksel olacağını belirler.
• height : Katmanın boyunun kaç piksel olacağını belirler.
• clip : Katmanın görünmesi istenen bölgeyi içeren kutucuk.
• overflow : Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına
ne olacağını belirler.
• auto : Otomatik olarak belirlenir.
• scroll : Kaydırma çubukları ekler.
• visibility : Katmanın görünebilirlik ayarı yapar
• visible : Görünür hale getirir.
• hidden : Gizler.
• z-index : Katmanın sayfa üzerindeki sıra sayısı.

Ana Menü

Wepmaster özel

Tasarımlar

WepDersleri Özel

CSS De Position Özelliği