Properti CSS: Eksplorasi lan Panggunaan

Punika panjelasan rinci kanggo saben properti CSS

 

Properti color

Properti kasebut color digunakake kanggo ngowahi format warna teks unsur.

Nilai kasebut bisa dadi jeneng warna(contone, red, blue, green), kode heksadesimal(contone, "#FF0000" kanggo red), utawa rgb()  fungsi kanggo nemtokake Red, Green, Blue nilai kasebut.

Tuladha: color: red;

Properti font-size

Properti kasebut font-size  digunakake kanggo ngowahi ukuran teks ing sawijining unsur.

Nilai kasebut bisa ing piksel(contone, "12px"), unit em(contone, "1.2em"), persentase(%), utawa nilai relatif liyane.

Tuladha: font-size: 16px;

Properti background-color

Properti kasebut background-color digunakake kanggo ngowahi format warna latar mburi unsur.

Nilai kasebut uga bisa dadi jeneng warna, kode heksadesimal, utawa fungsi "rgb()" kanggo nemtokake warna kasebut.

Tuladha: background-color: #F0F0F0;

Properti font-family

Properti "font-family" nemtokake font sing digunakake kanggo teks ing sawijining unsur.

Nilai kasebut bisa dadi jeneng font(contone, Arial, Helvetica) utawa dhaptar jeneng font sing diprioritasake.

Tuladha: font-family: Arial, sans-serif;

Properti text-align

Properti "text-align" digunakake kanggo nyelarasake teks ing sawijining unsur.

Nilai bisa left, right, center, utawa justify(kanggo mbecikake teks ing loro ends).

Tuladha: text-align: center;

Properti width

Properti "jembaré" nemtokake jembaré unsur.

Nilai kasebut bisa ing piksel, persentase(%), utawa auto kanggo jembar otomatis.

Tuladha: width: 300px;

Properti height

Properti kasebut height  nemtokake dhuwur saka unsur.

Nilai bisa ing pixel, persentasi(%), utawa auto kanggo dhuwur otomatis.

Tuladha: height: 200px;

Properti border

Properti kasebut border  digunakake kanggo nggawe wates ing saubengé unsur.

Nilai bisa kalebu kekandelan wates(contone, "1px"), border style(contone, solid, dotted), lan color(contone, red).

Tuladha: border: 1px solid black;

Properti margin

Properti kasebut margin nemtokake jarak antarane unsur lan unsur lingkungan.

Nilai kasebut bisa dadi nilai piksel(contone, "10px"), nilai piksel kanggo saben arah(contone, "5px 10px"), utawa auto  kanggo spasi otomatis.

Tuladha: margin: 10px;

Properti padding

Properti kasebut padding nemtokake jarak antarane isi lan wates unsur.

Nilai kasebut bisa dadi pixel nilai utawa piksel kanggo saben arah.

Tuladha: padding: 20px;

 

Iki mung sawetara conto properti CSS lan nilai-nilai kasebut. CSS nyedhiyakake akeh properti liyane kanggo gaya lan ngatur unsur ing kaca web sampeyan. Sampeyan bisa njelajah luwih akeh properti lan ngatur kanggo entuk macem-macem desain lan efek kanggo situs web sampeyan.