Η ιδιότητα outline-offset προσθέτει χώρο μεταξύ ενός περιγράμματος και της άκρης/περιγράμματος ενός στοιχείου. Ο χώρος μεταξύ ενός στοιχείο και το περίγραμμά του είναι διαφανές.
Το ακόλουθο παράδειγμα καθορίζει ένα περίγραμμα 15 εικονοστοιχείων έξω από την άκρη του περιγράμματος:
This paragraph has an outline 15px outside the border edge.
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}Δοκιμάστε το μόνοι σας →
<!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>
Το παρακάτω παράδειγμα δείχνει ότι ο χώρος μεταξύ ενός στοιχείου και του περιγράμματός του είναι διαφανές:
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;
}Δοκιμάστε το μόνοι σας →
<!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>
Μια ιδιότητα σύντομης γραφής για τον ορισμό του πλάτους περιγράμματος, του στυλ περιγράμματος και περίγραμμα-χρώμα σε μία δήλωση
Ορίζει το χρώμα ενός περιγράμματος
Καθορίζει το διάστημα μεταξύ ενός περιγράμματος και της άκρης ή του περιγράμματος ενός στοιχείου
Ορίζει το στυλ ενός περιγράμματος
Ορίζει το πλάτος ενός περιγράμματος