Properti dan Nilai di CSS: Cara Kerjanya

1. Apa Itu Properti dan Nilai di CSS?

• Properti adalah atribut atau aspek yang ingin kita atur pada elemen HTML. Misalnya, color, font-size, margin, dan background-color adalah beberapa properti yang sering digunakan dalam CSS.

• Nilai adalah setting atau pengaturan yang diberikan untuk properti tersebut. Setiap properti memiliki nilai yang bisa diatur sesuai kebutuhan desain. Misalnya, untuk properti color, nilainya bisa berupa warna tertentu seperti red, #FF0000, atau rgb(255, 0, 0).  

Struktur dasar penulisan CSS adalah:

selector {
  property: value;
}

Contoh:

p {
  color: blue;
  font-size: 18px;
}

Di atas, p adalah elemen yang dipilih, color adalah properti, dan blue adalah nilai dari properti tersebut. Begitu juga dengan font-size: 18px, di mana font-size adalah properti dan 18px adalah nilai.

2. Jenis Properti CSS yang Umum Digunakan 

Beberapa properti CSS yang sering digunakan dalam desain web meliputi:

• Text Styling: Properti yang digunakan untuk mengatur tampilan teks.

  • font-family: Menentukan jenis font yang digunakan.

  • font-size: Menentukan ukuran font.

  • line-height: Menentukan jarak antar garis teks.

  • text-align: Menentukan perataan teks (kiri, kanan, tengah).

  Contoh:

  h1 {
    font-family: 'Arial', sans-serif;
    font-size: 32px;
    text-align: center;
  }

• asdasd
• asdasdas
• dasdsa