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.