Div tagı css bölümünde öğrendiğimiz id elemanı ve style etiketi ile kullanılır.
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. |