outline

Siden er opdateret 26. 12. 2011

Egenskaben outline definerer en kant omkring et html-element på samme måde som border. En outline lægger sig udenpå eventuel border.

Internet Explorer før version 8, K-Meleon og Firefox forstår ikke outline korrekt.


Sættes outline på et blok-element, kan Internet Explorer fra version 8 finde ud af det:

<p style="border: 5px solid #ccf; outline: 2px dotted #000;">Iste quidem veteres ...</p>

Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.


<div style="outline: 1px solid #000;padding:2px;">Iste quidem veteres ...</div>
Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.

Men sættes outline på et inline-element, vil Firefox og K-Meleon behandle det forkert, mens Internet Explorer 8+, Opera, Safari og Chrome viser det rigtigt i henhold til W3C's specifikationer:

<span style="outline: 1px solid #000;">Iste quidem veteres ...</span> Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.
Valid XHTML og CSS / Copyright © Hjemmesideskolen januar 2005
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - outline
sidens top
Brugere lige nu: 1
Home Mail