Ιδιότητα border-top-left-radius
Η ιδιότητα border-top-left-radius δημιουργεί
στρογγυλοποίηση για την επάνω αριστερή γωνία του περιγράμματος
και του φόντου. Ως τιμή της ιδιότητας χρησιμοποιούνται οποιεσδήποτε μονάδες
για μεγέθη. Προεπιλεγμένη τιμή: 0.
Σύνταξη
επιλογέας {
border-top-left-radius: τιμή;
}
Παράδειγμα
Θα ορίσουμε στρογγυλοποίηση 10px για την επάνω
αριστερή γωνία:
<div id="elem"></div>
#elem {
border-top-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Δείτε επίσης
-
η ιδιότητα
border-top-right-radius,
που ορίζει στρογγυλοποίηση για την επάνω δεξιά γωνία -
η ιδιότητα
border-bottom-left-radius,
που ορίζει στρογγυλοποίηση για την κάτω αριστερή γωνία -
η ιδιότητα
border-bottom-right-radius,
που ορίζει στρογγυλοποίηση για την κάτω δεξιά γωνία -
η ιδιότητα
border-radius,
που ορίζει στρογγυλοποίηση ταυτόχρονα για όλες τις γωνίες -
η ιδιότητα
border,
που είναι συντομογραφία για το περίγραμμα