Στυλ attribute borderRightStyle
- Προηγούμενη Σελίδα borderRightColor
- Πρόωρη Σελίδα borderRightWidth
- Επιστροφή στο Ζεστό Αντικείμενο Style του HTML DOM
Ορισμός και χρήση
borderRightStyle
Ρύθμιση ή επιστροφή του στυλ δεξιού περιθωρίου του στοιχείου.
Για περισσότερες πληροφορίες:
Εκμάθηση CSS:CSS Περιθώρια
Εγχειρίδιο CSS:Ατрибούτο border-right-style
Εγχειρίδιο HTML DOM:Ατрибούτο border
Παράδειγμα
Παράδειγμα 1
Προσθέστε δεξιά πλούσια περιθώρια στο στοιχείο <div>:
document.getElementById("myDiv").style.borderRightStyle = "solid";
var listValue = selectTag.options[selectTag.selectedIndex].text;
例子 2
document.getElementById("myDiv").style.borderRightStyle = "solid";
Παράδειγμα 2
var listValue = selectTag.options[selectTag.selectedIndex].text;
Αλλάζει τον στυλ της δεξιάς περιθωρίου του στοιχείου <div> σε "dotted":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Παράδειγμα 3
var listValue = selectTag.options[selectTag.selectedIndex].text;
Επιστρέφει τον στυλ της δεξιάς περιθωρίου του στοιχείου <div>:
alert(document.getElementById("myDiv").style.borderRightStyle);
Παράδειγμα 4 Παρουσίαση όλων των διαφορετικών τιμών:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;
Προσπαθήστε να το δοκιμάσετε προσωπικά
.style.borderRightStyleΓλώσσα
Επιστρέφει την τιμή του χαρακτηριστικού borderRightStyle:
.style.borderRightStyleΟρίζει την τιμή του χαρακτηριστικού borderRightStyle: object
.style.borderRightStyle = | value |
---|---|
τιμή | Περιγραφή |
none | Ορίζει την απουσία περιθωρίου. Προεπιλεγμένο. |
hidden | Αντίστοιχο με το "none", αλλά εκτός από τις συγκρούσεις περιθωρίων στοιχείων πίνακα. |
dashed | Ορίζει την γραμμική περιθωρία. |
solid | Ορίζει την γεωμετρική περιθωρία. |
double | Ορίζει δύο περιθωρίες. Η πλάτος των δύο περιθωρίων είναι ίσο με την τιμή του border-width. |
groove | Ορίζει την κοιλότητα της 3D περιθωρίου. Το αποτέλεσμα εξαρτάται από border-color τιμές. |
ridge | Ορίζει την οροπενία της 3D περιθωρίου. Το αποτέλεσμα εξαρτάται από border-color τιμές. |
inset | Ορίζει την εσωτερική επεκτατική 3D περιθωρία. Το αποτέλεσμα εξαρτάται από border-color τιμές. |
outset | Ορίζει την επεκτατική 3D περιθωρία. Το αποτέλεσμα εξαρτάται από border-color τιμές. |
initial | Αναθέστε αυτό το χαρακτηριστικό στην προεπιλεγμένη του τιμή. Δείτε επίσης initial. |
inherit | Καταλήψτε αυτό το χαρακτηριστικό από το γονικό στοιχείο. Δείτε επίσης inherit. |
τεχνικά λεπτομέρειες
Προεπιλεγμένη τιμή: | μηδέν |
---|---|
Αποτελεσματική τιμή: | 字符串 που εκφράζει τον στυλ της δεξιάς περιθωρίου του στοιχείου. |
Έκδοση CSS: | CSS1 |
υποστήριξη προγραμμάτων περιήγησης
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
καταστήματα υποστήριξης | καταστήματα υποστήριξης | καταστήματα υποστήριξης | καταστήματα υποστήριξης | καταστήματα υποστήριξης |
- Προηγούμενη Σελίδα borderRightColor
- Πρόωρη Σελίδα borderRightWidth
- Επιστροφή στο Ζεστό Αντικείμενο Style του HTML DOM