Ιδιότητα borderRadius

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

borderRadius Η ιδιότητα είναι μια συντομευμένη ιδιότητα για τη ρύθμιση ή την επιστροφή των τεσσάρων ιδιοτήτων borderRadius.

Οι τέσσερις ιδιότητες borderRadius είναι (σύμφωνα με τη σειρά):

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

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

Χρήμα CSS:Προパιέτη border-radius

Παράδειγμα

Προσθήκη γωνιακής ουράς στο στοιχείο div:

document.getElementById("myDIV").style.borderRadius = "25px";

Προσωπική δοκιμή

Γραμματική

Επιστροφή της ιδιότητας borderRadius:

object.style.borderRadius

Ρύθμιση της ιδιότητας borderRadius:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Σημείωση:Οι τέσσερις τιμές του κάθε ακμής δίνονται σε σειρά αριστερά-πάνω, δεξιά-πάνω, δεξιά-κάτω, αριστερά-κάτω. Αν παραλειφθεί η αριστερά-κάτω, τότε είναι ίση με τη δεξιά-πάνω. Αν παραλειφθεί η δεξιά-κάτω, τότε είναι ίση με την αριστερά-πάνω. Αν παραλειφθεί η δεξιά-πάνω, τότε είναι ίση με την αριστερά-πάνω.

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

Τιμή Περιγραφή
length Ορισμός της μορφής της γωνίας. Η προεπιλεγμένη τιμή είναι 0.
% Ορισμός της μορφής της γωνίας με ποσοστό.
initial Ρύθμιση αυτής της ιδιότητας στη προεπιλεγμένη της τιμή. Παρακαλώ δείτε initial.
inherit Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Παρακαλώ δείτε inherit.

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

Προεπιλεγμένη τιμή: 0
Αποτελεσματική τιμή: 字符串, που δείχνει την Προパιέτη border-radius.
Εκδοση CSS: CSS3

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
υποστήριξη 9.0 υποστήριξη υποστήριξη υποστήριξη