Giriş yap

CSS'de Ölçü Birimleri

CSS, bir uzunluğu ifade etmek için birkaç farklı birime sahiptir. width, margin, padding, font-size, vb. gibi birçok CSS özellikleri uzunluk birimleri ile değer alır. Uzunluk birimleri bir sayıdan hemen sonra eklenir ve sayı ile birim arasında boşluk bırakılamaz. Verilen sayı değeri 0 ise, birim önemsizdir. Bazı CSS özellikleri için uzunluklarda negatif sayılara izin verilir. Birimler mutlak ve göreceli olarak ikiye ayrılır.

Mutlak uzunluk birimleri sabittir ve bunlardan herhangi birinde ifade edilen bir uzunluk, tam olarak bu boyutta görünecektir. Mutlak uzunluk birimlerinin kullanılması önerilmez, çünkü ekran boyutları çok fazla değişiklik gösterir. Bunlar; cm, mm, in, px, pt, pc

Göreceli uzunluk birimleri ise değişkendir. Başka bir uzunluğun değerine göre belirlenir. Bunlar; em, ex, ch, rem, vw, vh, vmin, vmax, %

Yapısı (Syntax)<özellik> : <sayı><birim>;

JavaScript Yapısı
Animasyon Özellikleri Uygulanabilir Hayır

Değerler

Değer Açıklama Versiyon
cm santimetre
mm milimetre
in inc (1in = 96px = 2.54cm)
px piksel
pt point
em Varsayılan yazı tipi boyutuna göre ayarlanır (Örneğin 3em geçerli yazı tipinin 3 katı anlamına gelir)
ex Varsayılan yazı tipinin yüksekliğine göre ayarlanır.

Örnekler

Bir örnek vermek gerekirse ;

.div {
	width: 25pt;
	padding: 10px;
	font-size: 0.75em;
	margin: 2%;	/* gibi örnekler türetilebilir */
}

darkwintergrup
81 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar