Ιδιότητα outline

Η ιδιότητα outline ορίζει το χρώμα, τον τύπο και το πάχος για το εξωτερικό περίγραμμα (σύνορο που δεν καταλαμβάνει χώρο) για όλες τις πλευρές ταυτόχρονα, αλλά σε αντίθεση με το border ένα τέτοιο σύνορο δεν επεκτείνει το στοιχείο. Είναι μια συντομογραφία για τις ιδιότητες outline-width, outline-style και outline-color (αλλά όχι για το outline-offset).

Σύνταξη

επιλογέας {
	outline: πάχος τύπος χρώμα;
}

Η σειρά των ιδιοτήτων δεν έχει σημασία.

Παράδειγμα . Μόνο outline

<div id="elem"></div>

#elem {
	outline: 1px solid black;
	width: 300px;
	height: 100px;
}

Παράδειγμα . Ιδιότητες outline και border μαζί

Το σύνορο από το outline θα είναι εξωτερικά, ενώ το σύνορο από το border - εσωτερικά:

<div id="elem"></div>

#elem {
	outline: 4px solid green;
	border: 4px solid red;
	width: 300px;
	height: 100px;
}

Δείτε επίσης

η ιδιότητα outline-offset,
που ορίζει τη μετατόπιση του περιγράμματος