Egenskaben outline-offset tilføjer plads mellem en kontur og kanten/kanten af et element. Mellemrummet mellem en element, og dets omrids er gennemsigtigt.
Følgende eksempel angiver en kontur 15px uden for kantkanten:
This paragraph has an outline 15px outside the border edge.
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}Prøv det selv →
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2>The outline-offset Property</h2>
<p>This paragraph has an outline 15px outside the border edge.</p>
</body>
</html>
Følgende eksempel viser, at mellemrummet mellem et element og dets omrids er gennemsigtig:
This paragraph has an outline of 15px outside the border edge.
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}Prøv det selv →
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
background:yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2>The outline-offset Property</h2>
<p>This paragraph has an outline of 15px outside the border edge.</p>
</body>
</html>
En stenografiegenskab til indstilling af konturbredde, konturstil og konturfarve i én erklæring
Indstiller farven på en kontur
Angiver mellemrummet mellem en kontur og kanten eller kanten af et element
Indstiller stilen for en kontur
Indstiller bredden af en kontur