"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - CSS Position Özellikleri

Position Özelliği

Html’de kullandığımız Layer (katman) etiketlerinin html üzerindeki yerleştirmeiş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>

</head>

<body>

<div>

Bilgiegitim - CSS Eğitimi<br>

Html<br>

Javascript<br>

Css<br>

Grafik<br>

</div>

<p>Bilgiegitim - CSS Eğitimi</body>

</html>

position :

• absolute         : Katmanın yerinin kesin olarak belirlenmek istendiğindekullanı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ğinibelirler.

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ınane 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ı.