> Css3 > Css İle Tablo Genişlik ve Yükseklik Özellikleri Ders#10

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>

Bu yazıya yorum yapılmamış.

YORUMUNUZU YAPIN!