Sifat CSS: Penerokaan dan Penggunaan

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.