CSS border-bottom-right-radius attribute

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

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

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

Για περισσότερες πληροφορίες:

Εκμάθηση CSS3:CSS3 Καντάρια

Παράδειγμα

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

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

Προσπαθήστε να το δοκιμάσετε!

Γλώσσα γραφής CSS

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

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

Τιμή ιδιότητας

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

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

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

Υποστήριξη προγράμματος περιήγησης

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

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