Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

CSS-Position Özelliği

ozan-tr

⭐Deneyimli Tasarımcı⭐
Katılım
18 May 2007
Mesajlar
149
Tepkime puanı
4
Web sitesi
www.xcxc.com
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>
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ı.
 

Benzer konular

Üst