Div (Division) Kullanımı
Div kullanarak sayfamızın
istediğimiz yerine istediğimiz yazıyı, resmi, tabloyu vs.' yi koyabiliriz. Bunun
yanında bu nesnelerin birçok özelliğini de değiştirebiliriz.
Div tagının kullanımı:
<div id="xxx"
style="position: absolute; left: 10; top: 20">
Bu yazı tarayıcının solundan 10,
üstünden 20 pixel içerde başlıyor.
</div> |
Div etiketi içerisinde style elemanın aldığı değerler:
| Özellik |
Aldığı Değer |
Tanımı |
| position |
absolute
relative
static
fixed
|
Elemanın, kesin olarak verdiğimiz doğurultuda mı yerleşeceğini, yoksa
sayfa içindeki diğer elemanlara göre mi yerleşeceğini belirtir. |
| left |
...px
...%
|
Yerleştirilen elemanın sol köşesinin nerden başlayacağını
belirtir. |
| top |
...px
...%
|
Yerleştirilen elemanın hangi yükseklikten başlayacağını
belirtir. |
| width |
...px
...%
|
Yerleştirilen elemanın genişliğini belirtir. |
| height |
...px
...%
|
Yerleştirilen elemanın yüksekliğini belirtir. |
| clip |
shape
|
Yerleştirilecek elemanın, görünmesi istenilen bölgeyi içeren
kutucuk. |
| overflow |
scroll
visible
hidden
|
Bu komut yerleştirilen elemanın, istenilen bölgeye sığmaması durumunda
sığmayan kısmına ne olacağını belirtir. |
| vertical-align |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
|
Elemanın dikey olarak nasıl yerleştirileceğini belirtir. |
| z-index |
1, 2, ..,99
|
Yerleştirilen elemanın destedeki sırası. |
| visibility |
visible
hidden
|
Yerleştirilen elemanın görünüp, görünmeyeceğini
belirtir. |
|