HTML DHTML CSS

CSS de Position Özelliği

Etiketler :
css, position, layer, katman, absolute, visibility,

Okunma Sayısı : 83 Yayınlanma Tarihi : 21.03.2008 Yayınlayan : Akın Bostancı

12345678910 Puanla

Bu Makaleye 0 kişi puan vermiştir. Ortalama Puan: 0

Özet :
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:
<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>
         Web Teknikleri<br>
         Html<br>
         Javascript<br>
         Css<br>
         Grafik<br>
         Web Teknikleri<br>
      </div>
   </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ı.