Web Programlama

CSS Boyutları

Lisans: Creative Commons 11.12.2020 tarihinde güncellendi

Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

#css-boyut #css-dimension #css-genislik #css-yukseklik #max-width #web-programlama

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>

Sınava Gir