Your Ad Here

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.