CSS Boyutları
CSS Boyutları
CSS boyut (dimension) özellikleri bir elemanın genişlik ve yüksekliğini kontrol etmenizi sağlar.
Konuyu bir örnekle anlatamaya başlamak daha doğru olacak:
<html>
<head>
<style>
p.ex {
height: 120px;
width: 120px;
}
</style>
</head>
<body>
<p class="ex">BU PARAGRAF 120x120 BOYUTUNDA</p>
<p>BU PARAGRAFTA YUKSEKLIK VE GENISLIK TANIMLANMADI</p>
<p>BU PARAGRAFTA DA YUKSEKLIK VE GENISLIK TANIMLANMADI</p>
</body>
</html>
ÖRNEK HTML5 KODU:
<html>
<head>
<style>
p {
max-width: 30%;
background-color: pink;
}
</style>
</head>
<body>
<p>BIRINCI SATIR<br>
IKINCI SATIR<br>
UCUNCU SATIR</p>
</body>
</html>
Ekran Çıktısı;
Boyut Özellikleri
CSS boyut özelliklerini belirlerken aşağıdaki tabloda yer alan değerleri kullanabilirsiniz:
Özellik Anlamı Değerleri height Bir elemanın yüksekliğini atar. auto
length
%
inherit max-height Bir elemanın en büyük yükseklik değerini atar.
none
length
%
inherit max-width Bir elemanın en büyük genişlik değerini atar.
none
length
%
inherit min-height Bir elemanın en küçük yükseklik değerini atar.
length
%
inherit min-width Bir elemanın en küçük genişlik değerini atar.
length
%
inherit width Bir elemanın genişliğini atar.
auto
length
%
Yorumlar
Yorum Gönder