CSS -grense
Die CSS-grenseienskappe laat jou toe om die styl, breedte en kleur van 'n element se grens te spesifiseer.
Ek het grense aan alle kante.
Ek het 'n rooi onderrand.
Ek het afgeronde grense.
CSS-grensstyl
Die border-style
eiendom spesifiseer watter soort grens om te vertoon.
Die volgende waardes word toegelaat:
dotted
- Definieer 'n stippelranddashed
- Definieer 'n stippellynsolid
- Definieer 'n soliede grensdouble
- Definieer 'n dubbele grensgroove
- Definieer 'n 3D-gegroefde grens. Die effek hang af van die grenskleurwaarderidge
- Definieer 'n 3D geriffelde grens. Die effek hang af van die grenskleurwaardeinset
- Definieer 'n 3D-ingevoegde grens. Die effek hang af van die grenskleurwaardeoutset
- Definieer 'n 3D begingrens. Die effek hang af van die grenskleurwaardenone
- Definieer geen grens niehidden
- Definieer 'n versteekte grens
Die border-style
eiendom kan van een tot vier waardes hê (vir die boonste rand, regterrand, onderrand en die linkerrand).
Voorbeeld
Demonstrasie van die verskillende grensstyle:
p.dotted {border-style: dotted;}
p.dashed
{border-style: dashed;}
p.solid {border-style: solid;}
p.double
{border-style: double;}
p.groove {border-style: groove;}
p.ridge
{border-style: ridge;}
p.inset {border-style: inset;}
p.outset
{border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
Resultaat:
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A mixed border.
Let wel: Geen van die ANDER CSS-grenseienskappe (waaroor jy meer sal leer in die volgende hoofstukke) sal ENIGE effek hê tensy die
border-style
eiendom gestel is nie!