Berikut adalah penjelasan rinci untuk setiap properti CSS
Properti color
Properti ini color digunakan untuk memformat warna teks dari suatu elemen.
Nilai dapat berupa nama warna(misalnya, red, blue, green), kode heksadesimal(misalnya, "#FF0000" untuk red), atau rgb() fungsi untuk menentukan Red, Green, Blue nilai.
Contoh: color: red;
Properti font-size
Properti ini font-size digunakan untuk memformat ukuran teks dalam suatu elemen.
Nilainya bisa dalam piksel(misalnya, "12px"), satuan em(misalnya, "1,2em"), persentase(%), atau nilai relatif lainnya.
Contoh: font-size: 16px;
Properti background-color
Properti ini background-color digunakan untuk memformat warna latar belakang suatu elemen.
Nilai juga bisa berupa nama warna, kode heksadesimal, atau fungsi "rgb()" untuk menentukan warna.
Contoh: background-color: #F0F0F0;
Properti font-family
Properti "font-family" menentukan font yang digunakan untuk teks dalam suatu elemen.
Nilainya bisa berupa nama font(misalnya, Arial, Helvetica) atau daftar nama font yang diprioritaskan.
Contoh: font-family: Arial, sans-serif;
Properti text-align
Properti "text-align" digunakan untuk menyelaraskan teks di dalam elemen.
Nilainya bisa left, right, center, atau justify(untuk membenarkan teks di kedua ujungnya).
Contoh: text-align: center;
Properti width
Properti "width" menentukan lebar elemen.
Nilainya bisa dalam piksel, persentase(%), atau auto untuk lebar otomatis.
Contoh: width: 300px;
Properti height
Properti height menentukan ketinggian elemen.
Nilainya bisa dalam pixel, persentase(%), atau auto untuk tinggi otomatis.
Contoh: height: 200px;
Properti border
Properti ini border digunakan untuk membuat perbatasan di sekitar elemen.
Nilai dapat mencakup ketebalan batas(misalnya, "1px"), border style(misalnya, solid, dotted), dan color(misalnya, red).
Contoh: border: 1px solid black;
Properti margin
Properti margin menentukan jarak antara elemen dan elemen sekitarnya.
Nilai dapat berupa nilai piksel(misalnya, "10px"), nilai piksel untuk setiap arah(misalnya, "5px 10px"), atau auto untuk spasi otomatis.
Contoh: margin: 10px;
Properti padding
Properti padding menentukan jarak antara konten dan batas elemen.
Nilai tersebut dapat berupa pixel nilai atau nilai piksel untuk setiap arah.
Contoh: padding: 20px;
Ini hanyalah beberapa contoh properti CSS dan nilainya. CSS menyediakan banyak properti lain untuk mendesain dan menyesuaikan elemen di halaman web Anda. Anda dapat menjelajahi lebih banyak properti dan menyesuaikannya untuk mendapatkan berbagai desain dan efek untuk situs web Anda.