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.