Berikut ialah penjelasan terperinci untuk setiap sifat CSS
Harta benda color
Harta ini color
digunakan untuk memformat warna teks sesuatu elemen.
Nilai boleh menjadi nama warna(cth, red
, blue
, green
), kod perenambelasan(cth, "#FF0000" untuk red
), atau rgb()
fungsi untuk menentukan Red, Green, Blue
nilai.
Contoh: color: red;
Harta benda font-size
Harta ini font-size
digunakan untuk memformat saiz teks dalam elemen.
Nilai boleh dalam piksel(cth, "12px"), unit em(cth, "1.2em"), peratusan(%) atau nilai relatif lain.
Contoh: font-size: 16px;
Harta benda background-color
Harta ini background-color
digunakan untuk memformat warna latar belakang elemen.
Nilai juga boleh menjadi nama warna, kod perenambelasan atau fungsi "rgb()" untuk menentukan warna.
Contoh: background-color: #F0F0F0;
Harta benda font-family
Sifat "font-family" mentakrifkan fon yang digunakan untuk teks dalam elemen.
Nilai boleh menjadi nama fon(cth, Arial
, Helvetica
) atau senarai nama fon yang diutamakan.
Contoh: font-family: Arial, sans-serif;
Harta benda text-align
Sifat "text-align" digunakan untuk menjajarkan teks di dalam elemen.
Nilainya boleh left
, right
, center
, atau justify
(untuk mewajarkan teks pada kedua-dua hujungnya).
Contoh: text-align: center;
Harta benda width
Sifat "lebar" menentukan lebar elemen.
Nilai boleh dalam piksel, peratusan(%) atau auto
untuk lebar automatik.
Contoh: width: 300px;
Harta benda height
Sifat height
menentukan ketinggian unsur.
Nilai boleh dalam pixel
, peratusan(%) atau auto
untuk ketinggian automatik.
Contoh: height: 200px;
Harta benda border
Harta ini border
digunakan untuk membuat sempadan di sekeliling elemen.
Nilai boleh termasuk ketebalan sempadan(cth, "1px"), border style
(cth, solid
, dotted
), dan color
(cth, red
).
Contoh: border: 1px solid black;
Harta benda margin
Harta ini margin
mentakrifkan jarak antara elemen dan elemen sekeliling.
Nilai boleh menjadi nilai piksel(cth, "10px"), nilai piksel untuk setiap arah(cth, "5px 10px") atau auto
untuk jarak automatik.
Contoh: margin: 10px;
Harta benda padding
Sifat padding
mentakrifkan jarak antara kandungan dan sempadan unsur.
Nilai boleh menjadi pixel
nilai atau nilai piksel untuk setiap arah.
Contoh: padding: 20px;
Ini hanyalah beberapa contoh sifat CSS dan nilainya. CSS menyediakan banyak sifat lain untuk menggayakan dan menyesuaikan elemen pada halaman web anda. Anda boleh meneroka lebih banyak hartanah dan menyesuaikannya untuk mencapai pelbagai reka bentuk dan kesan untuk tapak web anda.