Turkcell | Geleceği Yazanlar

201: HTML5 & CSS Başlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

CSS Boyutları

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : 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>