Ιδιότητα border

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

Σύνταξη

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

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

Παράδειγμα

Ας δημιουργήσουμε ένα μαύρο περίγραμμα πάχους 1px για ένα στοιχείο:

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

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

Δείτε επίσης

η ιδιότητα border-left,
που ορίζει το αριστερό περίγραμμα
η ιδιότητα border-right,
που ορίζει το δεξί περίγραμμα
η ιδιότητα border-top,
που ορίζει το πάνω περίγραμμα
η ιδιότητα border-bottom,
που ορίζει το κάτω περίγραμμα
η ιδιότητα outline,
που ορίζει ένα περίγραμμα για το στοιχείο
η ιδιότητα border-radius,
που στρογγυλεύει τις γωνίες του περιγράμματος