CSS border-top-right-radius attribute

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

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

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

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

Εκμάθηση CSS3:CSS3 οριζόντια όριο

Παράδειγμα

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

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

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

Γλώσσα CSS

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

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

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

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

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

Προεπιλεγμένη τιμή: 0
Κληρονομικότητα: no
Έκδοση: CSS3
Γλώσσα γράψματος JavaScript: object.style.borderTopRightRadius="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