Lastnosti CSS: raziskovanje in uporaba

Tukaj je podrobna razlaga za vsako lastnost CSS

 

Lastnina color

Lastnost color se uporablja za oblikovanje barve besedila elementa.

Vrednost je lahko ime barve(npr., red, blue, green), šestnajstiška koda(npr. "#FF0000" za red) ali rgb()  funkcija za določanje Red, Green, Blue vrednosti.

primer: color: red;

Lastnina font-size

Lastnost font-size  se uporablja za oblikovanje velikosti besedila v elementu.

Vrednost je lahko v slikovnih pikah(npr. "12px"), enotah em(npr. "1,2em"), odstotkih(%) ali drugih relativnih vrednostih.

primer: font-size: 16px;

Lastnina background-color

Lastnost background-color se uporablja za oblikovanje barve ozadja elementa.

Vrednost je lahko tudi ime barve, šestnajstiška koda ali funkcija "rgb()" za določanje barve.

primer: background-color: #F0F0F0;

Lastnina font-family

Lastnost "font-family" definira pisavo, uporabljeno za besedilo v elementu.

Vrednost je lahko ime pisave(npr., Arial, Helvetica) ali prednostni seznam imen pisav.

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

Lastnina text-align

Lastnost "text-align" se uporablja za poravnavo besedila znotraj elementa.

Vrednost je lahko left, right, center ali justify(za poravnavo besedila na obeh koncih).

primer: text-align: center;

Lastnina width

Lastnost "width" določa širino elementa.

Vrednost je lahko v slikovnih pikah, odstotkih(%) ali auto za samodejno širino.

primer: width: 300px;

Lastnina height

Lastnost height  podaja višino elementa.

Vrednost je lahko v pixel, odstotkih(%) ali auto za samodejno višino.

primer: height: 200px;

Lastnina border

Lastnost border  se uporablja za ustvarjanje obrobe okoli elementa.

Vrednost lahko vključuje debelino obrobe(npr. "1px"), border style(npr. solid, dotted) in color(npr. red).

primer: border: 1px solid black;

Lastnina margin

Lastnost margin določa razmik med elementom in okoliškimi elementi.

Vrednost je lahko vrednost slikovnih pik(npr. "10px"), vrednosti slikovnih pik za vsako smer(npr. "5px 10px") ali auto  za samodejni razmik.

primer: margin: 10px;

Lastnina padding

Lastnost padding določa razmik med vsebino in robom elementa.

Vrednost je lahko pixel vrednost ali vrednost slikovnih pik za vsako smer.

primer: padding: 20px;

 

To je le nekaj primerov lastnosti CSS in njihovih vrednosti. CSS ponuja številne druge lastnosti za oblikovanje in prilagajanje elementov na vaši spletni strani. Raziščete lahko več lastnosti in jih prilagodite, da dosežete različne oblike in učinke za vaše spletno mesto.