border-style

Siden er opdateret 15. 12. 2011

Vil man sætte border på et element, er man ikke bundet af et og kun et bestemt udseende på denne border. Ud over border-width og border-color skal der defineres en border-style.

div {
border-style: dashed;
}

vil se sådan ud som boksen herover.

Denne boks har en border, som er punkteret.

Her er der lang række forskellige typer på borders:

dashed
giver en border i brudt linje i defineret bredde og farve
dotted
giver en border i punktform i defineret bredde og farve
double
giver en border i ubrudt dobbeltstreg i defineret bredde og farve. De to streger og luften mellem er hver især en tredjedel af den definerede bredde.
groove
giver en border, der fremtræder som indgraveret i defineret bredde og farve
hidden
fjerner en border i en tabel, hvor der ellers er defineret border på celler.
inset
giver en border, der fremtræder som om det omkransede element er nedsænket i forhold til omgivelserne, i defineret bredde og farve
none
fjerner en border på billeder, der optræder som klikbare link-elementer.
outset
giver en border, der fremtræder som om det omkransede element er hævet over omgivelserne, i defineret bredde og farve
ridge
giver en border, der fremtræder som påsat forhøjning i defineret bredde og farve
solid
giver en helt flad, ubrudt kant i defineret bredde og farve

Du kan her se, hvordan de enkelte borders ser ud: En ny side fra grunden - indramning

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2003
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - border-style
sidens top
Brugere lige nu: 1
Home Mail