Ardaşık Stil Sayfaları (CSS)

26 Ekim 2007

Boyut (dimension)

Genel

Bir öğenin yükseklik ve enini ayarlamakta kullanılır. Bu özellik iki satır arasındaki aralığı da değiştirebilmenizi sağlar.
Destekleyen Tarayıcılar:IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: Buradaki sayısal değer CSS türünü (CSS1 ya da CSS2) gösterir.

Özellik Açıklama Değerler IE F N W3C
height Bir öğenin yüksekliğini ayarlar auto
uzunluk
%		 4 1 6 1
line-height Satırlar arasındaki açıklığı belirler normal
sayı
uzunluk
%		 4 1 4 1
max-height Bir öğenin yüksekliğinin en çok ne olacağını belirtir none
uzunluk
%		 - 1 6 2
max-width Bir öğenin eninin en çok ne olacağını belirtir. none
uzunluk
%		 - 1 6 2
min-height Bir öğenin yüksekliğinin en az ne olacağını belirtir. uzunluk
%		 - 1 6 2
min-width Bir öğenin eninin en az ne olacağını belirtir uzunluk
%		 - 1 6 2
width Bir öğenin enini belirler auto
%
uzunluk  		 4 1 4 1

Yükseklik (height) Özelliği

Bir öğenin yüksekliğini belirler. 
img
{
height: 230px
}
Olası değerler:
auto: Varsayılan değer. Tarayıcı gerçek yüksekliği saptar
uzunluk: Yüksekliği px, cm, vb türünden belirler.
%: içerdiği blokun yüksekliğinin yüzde oranı olarak tanımlanır.

Satır yüksekliği (line-height) Özelliği

Bu özellik satırlar arasındaki açıklığın yüksekliğini belirtir.
 
p
{ 
line-height: 1.4
}

p
{ 
line-height: 14pt
} 

p
{ 
line-height: 140%
}
Olası değerler:
sayı: Bu sayı o andaki geçerli yazı-tipi boyuyla çarpılır ve iki satır arasındaki akıçlık değeri bulunur.
uzunluk: Satırlar arasında değişmez açıklığı tanımlar.
%: Geçerli yazı-tipi boyunun yüzde oranı biçiminde iki satır arasındaki açıklık değeri belirlenir.

Yükseklik Limiti (max-height) Özelliği

Bir öğenin yüksekliğinin üst limitini tanımlar. 
p
{
max-height: 100px
}
Olası değerler:
none: Varsayılan değer. Bu öğe için yükseklikte üst limit tanımlamaz.
uzunluk: Öge için yükseklik üst limitini belirler
%: Blokun yüzde oranı kadar yükseklik limiti tanımlanabilir.

En limiti (max-width) Özelliği

Bir öğenin enine üst limit tanımlar.
 
p
{
max-width: 500px
}
Olası değerler:
none: Varsayılan değer. bu öğe için eninde bir üst sınır kabul etmez.
uzunluk: Öğenin eni için bir üst sınır tanımlar.
%: Blokun yüzde oranı kadar öğe eninin üst limiti tanımlar.

En az yükseklik (min-height) Özelliği

Bir öğenin en az yüksekliğini belirlemekte kullanılır
 
p
{
min-height: 10px
}
Olası değerler:
uzunluk: bir öğe için en az yüksekliği belirtir.

Varsayılan değer: 0
%: içinde bulunulan bloğun yüzde oranı en az yükseklik olarak tanımlanır

En az en (min-width) Özelliği

Bir öğenin en az enini saptamakta kullanılır.
 
h2
{
min-width: 50px
}
Olası değerler:
uzunluk: Öğe için en az eni belirlemekte kullanılır

Varsayılan değer: Tarayıcı bağımlıdır
%: içinde bulunduğu bloğun yüzde oranında eninin en az en olarak tanımlanması sağlar

En (width) Özelliği

Bu özellik öğenin enini tanımlamakta kullanılır. 
img
{
width: 100%
}
Olası değerler:
auto: Varsayılan değer. Tarayıcı gerçek eni kendi hesaplar
%: Bir üst öğenin eninin yüzde oranı olarak öğe enini belirtir.
uzunluk: Eni px, cm, vb. türünden belirler.