CSS Boyutları
Lisans:
Creative Commons
11.12.2020
tarihinde güncellendi
Bakabileceğiniz Etiketler:
Eğitmen:
Geleceği Yazanlar Ekibi
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:
<!DOCTYPE html>
<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:
<!DOCTYPE html>
<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>
