|
Borders
Verschillende borders:
Vanaf Netscape 6 worden alle border stijlen ondersteund.
Internet Explorer 5.5 ondersteund alle border stijlen. Internet Explorer
4.0 - 5.0 ondersteunen de "dotted" en de "dashed" borders niet!
Een dotted border
{border-style: dotted}
Een dashed border
{border-style: dashed}
Een solid border
{border-style: solid}
Een double border
{border-style: double}
Een groove border
{border-style: groove}
Een ridge border
{border-style: ridge}
Eenn inset border
{border-style: inset}
Een outset border
{border-style: outset}
Er zijn nog veel meer verschillende border te maken. Ze kunnen zelfs
gemix worden. Een border een kleur geven:
border-color: #0000ff
Een border vier verschillende kleuren geven:
border-color: #ff0000
#00ff00 #0000ff #00ffff
Nou worden de kleuren op volgorde getoond. De eerste in top de tweede
rechts, derde onder en de vierde links.
De onderste/bodem border groter maken:
border-bottom-width: 16px
Weet je het nog? De bovenstaande waarde moet je toevoegen in een externe
of een interne code bij een waarde bijvoorbeeld de <p>
zoals hier:
<style type="text/css">
p
{
border-right-width: 16px
}
</style>
De andere borders heten zo:
- Links: left
- Rechts: right
- Onder: bottom
- Boven: top
Bij alle borders alleen de onderste border tonen? Dat doe je zo:
<style type="text/css">
p
{
border-bottom: medium solid #ff0000
}
</style>
Nou bij elke <p>
wordt er een border omheen gemaaktt maar alleen de bottom wordt getoond.
|
