Web Programlama

Genişlik ve Yükseklik

Lisans: Creative Commons 11.12.2020 tarihinde güncellendi

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

#css-tablo #tablo-sinirlari #css-border #doctype #tablo-olusturma #tablo-tasarimi #genislik-yukseklik #web-programlama

Bir tablonun ebatları, width (genişlik) ve height (yükseklik) özellikleriyle belirlenir. Aşağıdaki örnek kod ile bunlarla ilişkili atamalar yapacağız:

table {
    width: 100%;
}

th {
    height: 60px;
}



ÖRNEK HTML5 KODU:

<!DOCTYPE html>
<html>
    <head>
        <style>
            table, td, th {
                border: 2px solid red;
            }
        
        table {
            width: 100%;
        }
        
        th {
            height: 60px;
        }
        </style>
    </head>
    <body>
        
        <table>
            <tr>
                <th>ÜLKE</th>
                <th>NÜFUS</th>
                <th>DİL</th>
            </tr>
            <tr>
                <td>Almanya</td>
                <td>80</td>
                <td>Almanca</td>
            </tr>
            <tr>
                <td>Fransa</td>
                <td>55</td>
                <td>Fransızca</td>
            </tr>
            <tr>
                <td>İsveç</td>
                <td>4</td>
                <td>İsveççe</td>
            </tr>
            <tr>
                <td>İsviçre</td>
                <td>8</td>
                <td>Almanca, Fransızca, İtalyanca, Romanşca</td>
            </tr>
        </table>
        
    </body>
</html>

Sınava Gir