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