[Bilgi] CSS Position Özelliği

**Nevedia and #NinjassK** · 09-01-2015, 05:25 AM

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:

Kod:

HTML:
<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ı.