Ketebalan Font

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 20 dari 76.

Dalam CSS, property font-weight digunakan untuk mengatur ketebalan teks di dalam elemen HTML.

Nilai numerik umum untuk font-weight meliputi:

100: Tipis
200: Ekstra ringan
300: Ringan

400: Normal
500: Sedang
600: Semi tebal

700: Tebal
800: Ekstra Tebal
900: Hitam

Nilai kata kunci yang umum untuk font-weight meliputi:

normal: Setara dengan 400
bold: Setara dengan 700

lighter: Menentukan ketebalan yang lebih ringan daripada elemen induk
bolder: Menentukan ketebalan yang lebih tebal daripada elemen induk

Contohnya:

p {
    font-weight: normal;
}

h1 {
    font-weight: 700;
}

.highlight {
    font-weight: bold;
}

Tantangan

Mudah

Kamu diberi dokumen HTML dengan heading (<h1>), paragraf (<p>), dan divisi (<div>). Tugasmu adalah menggunakan property font-weight untuk mengatur gaya elemen-elemen ini. Ikuti langkah-langkah berikut:

Tulis aturan CSS yang menargetkan elemen <h1>. Atur font-weight ke 900.
Tulis aturan CSS yang menargetkan elemen <p>. Atur font-weight ke lighter.
Tulis aturan CSS yang menargetkan elemen <div>. Atur font-weight ke 600.

Coba sendiri

<html>
<head>
    <title>Font Weight</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>