Η ιδιότητα συντόμευσης για το περίγραμμα στο CSS

Όπως ακριβώς και με τις γραμματοσειρές, έτσι και για τα περιγράμματα υπάρχει μια ιδιότητα συντόμευσης border, που μπορούμε να χρησιμοποιήσουμε αντί να γράφουμε 3 διαφορετικές ιδιότητες για το πάχος, το χρώμα και τον τύπο του περιγράμματος. Σε αυτήν την ιδιότητα μπορούμε απλά να απαριθμήσουμε τις τιμές για το περίγραμμα με οποιαδήποτε σειρά.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε ένα περίγραμμα σαν αυτό:

#elem {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 300px;
	height: 100px;
}

Ας το ξαναγράψουμε χρησιμοποιώντας την ιδιότητα συντόμευσης:

#elem {
	border: 1px solid red;
	width: 300px;
	height: 100px;
}

Επαναλάβετε τη σελίδα σύμφωνα με το ακόλουθο παράδειγμα: