Sprememba barv v predlogi

Kako v sprememin barvo posameznih elementov na strani? Kaj moram iskati v CSS datoteki?

Barve so v CSS-ju določena na različne načine:

• background-color,
• border-color (border-top-color, border-right-color, border-bottom-color, border-left-color),
• color,
• outline-color.

Če želimo spremeniti barvo pisave, ozadja, okvirja ali barvo obrobe, moramo poiskati v CSS datoteki vrstice, v katerih so zgornje besede.

Barva ozadja je lahko določena tudi s sliko:

• background-image.

Več o slikah v ozadju si bomo ogledali v drugem prispevku..

Primer:

#barve{
background-color: #FF9;
height: 100px;
width: 150px;
border: 4px solid #F00;
padding: 10px;
outline-style:solid;
outline-color:#00ff00;
color: #303;
font-weight: bold;
}

barva besedila, ozadja, okvirja in črte

Barvo lahko zapišemo na več načinov:

• color_name: ime
• hex_number: šestnajstiška koda
• rgb_number: rgb koda
• inherit: barva je podedovana po elementu višje

background-color

Z backgorund-color določimo barvo ozadja elementa. Ozadje je celotna velikost elementa, vklučno z robom in okvirjem.

border-color (border-top-color, border-right-color, border-bottom-color, border-left-color)

Z border-color določimo barvo okvirja elementa. Z top, right, bottom in left določamo posamezne dele okvirja (levo, zgoraj, desno, spodaj).

color

S color določimo barvo besedila.

outline-color

Z outline-color določimo barvo črte, ki se izriše okrog elementa (okrog okvirja).