17.

Okvir


Okoli odstavkov, naslovov in drugih HTML elementov lahko narišemo okvir.

p.okvir {
border: 5px solid red;
}


Vsak odstavek z razredom okvir bo imel 5 pik širok, neprekinjen in rdeč okvir.

Na razpolago imamo osem stilov okvirja:
dotted
dashed
solid
double
groove
ridge
inset
outset

Med številko in oznako px ni presledka. Napišemo 2px, ne 2 px.
Za barve lahko uporabimo šestnajstiški številčni sistem (npr. #0000ff) ali ime barve (npr. blue).

Okvir lahko določimo tudi samo na eni strani besedila:
border-top (okvir zgoraj)
border-right (okvir desno)
border-bottom (okvir spodaj)
border-left (okvir levo)