PHP,ASP,JAVASCRIPT,MYSQL;HTMLDERSI » Blog Archive » Position (Pozisyon) Özelliği

Position (Pozisyon) Ö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.

<html><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>Pc-Kopat<br>Html<br>Javascript<br>Css<br>Grafik<br></div><p> Pc-Kopat</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ı.

21 Ocak 2008 | CSS | Comments

Comments:

You must be logged in to post a comment.