CSS ypatybės: tyrinėjimas ir naudojimas

Č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.