CSS-border

Fra Holstebro HTX Wiki
Skift til: navigering, søgning

CSS-border gør det muligt at tilpasse en ramme rundt om et stykke tekst, du har skrevet. Før i tiden var det ikke multigt at sætte en ramme rundt om noget som du havde skrevet i html udover table. så en af de mange fordele ved CSS-border er at den ikke skal have så meget arbejde. som andre ting.

Border typer

p.solid  {border-style: solid;  } 
p.double {border-style: double; }  
p.groove {border-style: groove; } 
p.dotted {border-style: dotted; }
p.dashed {border-style: dashed; }
p.inset  {border-style: inset;  } 
p.outset {border-style: outset; } 
p.ridge  {border-style: ridge;  } 
p.hidden {border-style: hidden; }

Border.jpg

eksempel på border

<head>
<style>
h2 { border-bottom: 3px solid red; }
p { border: 1px solid black; }
table { border: 8px outset green; }
td { border: 3px dotted green; }
</style>
</head>
<body>

CSS Borders

This paragraph has a black border.

This table has an outset border
and each cell has
a dotted border.


Border eksempel.jpg