CSS border-bottom-left-radius ιδιότητα

Ορισμός και χρήση

Η ιδιότητα border-bottom-left-radius ορίζει τη μορφή του κάτω αριστερού άκρου του περιγράμματος.

Συμβουλή:Η ιδιότητα αυτή επιτρέπει να προσθέσετε γωνιακή καμπύλη περιγράμματος στο στοιχείο.

Δείτε επίσης:

Εκμάθηση CSS3:Ενότητα CSS3 Περιγράμματα

Παράδειγμα

Προσθέστε γωνιακή καμπύλη περιγράμματος στο κάτω αριστερό σημείο του στοιχείου div:

div
{
border:2px solid;
border-bottom-left-radius:2em;
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

border-bottom-left-radius: length|% [length|%];

Σημειώσεις:Η τιμή μήκους του border-bottom-left-radius χαρακτηριστικού και η τιμή ποσοστού ορίζουν τον ακτίνα της τετράγωνης ελλειψοειδούς (ορίζει τη μορφή του γωνιακού άκρου του εξωτερικού περιγράμματος του περιγράμματος). Ο πρώτος αριθμός είναι η οριζόντια ακτίνα, ο δεύτερος αριθμός είναι η κάθετη ακτίνα. Αν παραλειφθεί ο δεύτερος αριθμός, θα αντιγράφεται ο πρώτος αριθμός. Αν η τιμή μήκους είναι μηδέν, το γωνιακό σημείο θα είναι τετράγωνο αντί για γυροφόρο. Το ποσοστό της οριζόντιας ακτίνας αναφέρεται στη διάσταση του περιβάλλοντος περιγράμματος, ενώ το ποσοστό της κάθετης ακτίνας αναφέρεται στη διάσταση του περιβάλλοντος περιγράμματος.

Τιμή χαρακτηριστικού

Τιμή Περιγραφή Έλεγχος
length Ορίζει τη μορφή του κάτω αριστερού γωνιακού σημείου. Έλεγχος
% Ορίζει τη μορφή του κάτω αριστερού γωνιακού σημείου ως ποσοστό. Έλεγχος

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: 0
Κληρονομικότητα: όχι
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.borderBottomLeftRadius="5px"

Υποστήριξη περιηγητή

Οι αριθμοί στη τάβληση σηματοδοτούν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.

Αριθμοί με πρόθεμα -webkit- ή -moz- υποδηλώνουν τη πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5