HTMLcssJAVA.com

outline:

Outline is een CSS property die een element omlijnt. Het geeft een lijn aan de buitenkant van het element die als afbakening wordt gebruikt. Outline wordt meestal gebruikt om elementen te markeren. Er zijn verschillende waarden waarmee de lijn kan worden aangepast, zoals de kleur, dikte en stijl.

Voorbeelden:

• outline: 1px solid #000;
• outline: 3px dashed #FFF;
• outline: 2px double #999;

Toepassing:

<DIV style="outline: 2px double #999;"> Voorbeeldtekst </DIV>

outline-color:

De outline-color property is een eigenschap die de kleur van de omlijning van een element bepaalt. De omlijning wordt meestal gebruikt om het gebied van een element te markeren. De outline-color property krijgt dezelfde waarde als de color property als deze niet is ingesteld.

Voorbeelden:

• outline-color: transparent;
• outline-color: rgb(255, 0, 0);
• outline-color: red;
• outline-color: #0000FF;

Toepassing:

<DIV style="outline-color: #0000FF;"> Voorbeeldtekst </DIV>

outline-offset:

De outline-offset property is een eigenschap die de afstand bepaalt tussen het element en de omlijning. De omlijning wordt meestal gebruikt om het gebied van het element te markeren. De waarde van de outline-offset property kan een negatief getal zijn.

Voorbeelden:

• outline-offset: 5px;
• outline-offset: 10em;
• outline-offset: -5px;

Toepassing:

<DIV style="outline-offset: -5px;"> Voorbeeldtekst </DIV>

outline-style:

De outline-style property is een eigenschap die de stijl van de omlijning van een element bepaalt. De outline-style property wordt meestal gebruikt om het gebied van een element te markeren. Als de outline-style property niet is ingesteld, heeft het element geen omlijning.

Voorbeelden:

• outline-style: dotted;
• outline-style: dashed;
• outline-style: solid;
• outline-style: double;

Toepassing:

<DIV style="outline-style: double;"> Voorbeeldtekst </DIV>

outline-width:

Outline-width definieert de breedte van het outline element. Het outline element is een lijn die wordt weergegeven rondom een geselecteerd element. De breedte van de lijn wordt bepaald door de outline-width waarde.

Voorbeelden:

• outline-width: 1px;
• outline-width: 2px;
• outline-width: 3px;

Toepassing:

<DIV style="outline-width: 3px;"> Voorbeeldtekst </DIV>