Čia pateikiamas išsamus kiekvienos CSS nuosavybės paaiškinimas
Nuosavybė color
Ypatybė color
naudojama elemento teksto spalvai formatuoti.
Reikšmė gali būti spalvos pavadinimas(pvz., red
, blue
, green
), šešioliktainis kodas(pvz., "#FF0000", skirtas red
) arba rgb()
funkcija, skirta reikšmėms nurodyti Red, Green, Blue
.
Pavyzdys: color: red;
Nuosavybė font-size
Ypatybė font-size
naudojama elemento teksto dydžiui formatuoti.
Reikšmė gali būti pateikta pikseliais(pvz., „12 pikselių“), em vienetais(pvz., „1,2 em“), procentais(%) arba kitomis santykinėmis reikšmėmis.
Pavyzdys: font-size: 16px;
Nuosavybė background-color
Ypatybė background-color
naudojama elemento fono spalvai formatuoti.
Reikšmė taip pat gali būti spalvos pavadinimas, šešioliktainis kodas arba funkcija „rgb()“, skirta spalvai nurodyti.
Pavyzdys: background-color: #F0F0F0;
Nuosavybė font-family
Ypatybė „šriftų šeima“ apibrėžia elemento tekstui naudojamą šriftą.
Reikšmė gali būti šrifto pavadinimas(pvz., Arial
, Helvetica
) arba prioritetinis šriftų pavadinimų sąrašas.
Pavyzdys: font-family: Arial, sans-serif;
Nuosavybė text-align
Ypatybė "text-align" naudojama lygiuoti tekstą elemento viduje.
Reikšmė gali būti left
, right
, center
, arba justify
(kad tekstas būtų pateisinamas abiejuose galuose).
Pavyzdys: text-align: center;
Nuosavybė width
Savybė "width" nurodo elemento plotį.
Reikšmė gali būti taškais, procentais(%) arba auto
automatinio pločio.
Pavyzdys: width: 300px;
Nuosavybė height
Savybė height
nurodo elemento aukštį.
Reikšmė gali būti pixel
, procentais(%) arba auto
automatiniam aukščiui.
Pavyzdys: height: 200px;
Nuosavybė border
Ypatybė border
naudojama norint sukurti kraštinę aplink elementą.
Vertė gali apimti kraštinės storį(pvz., "1 pikselis"), border style
(pvz., solid
, dotted
) ir color
(pvz., red
).
Pavyzdys: border: 1px solid black;
Nuosavybė margin
Savybė margin
apibrėžia atstumą tarp elemento ir aplinkinių elementų.
Reikšmė gali būti taško reikšmė(pvz., „10 pikselių“), kiekvienos krypties pikselių reikšmės(pvz., „5 pikseliai 10 pikselių“) arba auto
automatinis tarpų nustatymas.
Pavyzdys: margin: 10px;
Nuosavybė padding
Savybė padding
apibrėžia atstumą tarp turinio ir elemento kraštinės.
Vertė gali būti pixel
kiekvienos krypties reikšmė arba pikselių reikšmės.
Pavyzdys: padding: 20px;
Tai tik keli CSS ypatybių ir jų verčių pavyzdžiai. CSS suteikia daug kitų ypatybių, leidžiančių stilizuoti ir tinkinti jūsų tinklalapio elementus. Galite ištirti daugiau ypatybių ir jas tinkinti, kad sukurtumėte įvairius savo svetainės dizainus ir efektus.