Style borderBottomStyle όρισμα

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

borderBottomStyle να ρυθμίσει ή να επιστρέψει το στυλ του κάτω ορίου του στοιχείου.

διαφορετικές αναφορές:

κατάλογος διδασκαλίας CSS:Το Κάθετο CSS

κατάλογος αναφορών CSS:όρισμα border-bottom-style

κατάλογος αναφορών HTML DOM:όρισμα border

παράδειγμα

παράδειγμα 1

προσθέστε πυκνό κάτω όριο στο στοιχείο <div>:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

var listValue = selectTag.options[selectTag.selectedIndex].text;

παράδειγμα 2

το στοιχείο <div> στοιχείο στο κάτω όριο του στυλ θα αλλάξει σε "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 3

返回

元素的下边框样式：

Παράδειγμα 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

Επιστροφή του τύπου του κάτω ορίου του στοιχείου <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Παράδειγμα 4
Παρουσίαση όλων των διαφορετικών τιμών:

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderBottomStyle = listValue;

Προσπαθήστε το شخصικά

.style.borderBottomStyleΓραμματική

Επιστροφή της τιμής του χαρακτηριστικού borderBottomStyle:

.style.borderBottomStyleΡύθμιση της τιμής του χαρακτηριστικού borderBottomStyle: object

.style.borderBottomStyle =

value Τιμή του χαρακτηριστικού
none Τιμή
Περιγραφή Ορίζει οριοποιητικό πλαίσιο χωρίς όρια. Προεπιλεγμένη τιμή.
hidden Τηρείται η ίδια τιμή με το "none", αλλά εκτός από τις συγκρούσεις των οριοποιητικών πλασμάτων των στοιχείων της τάξης του πίνακα.
dashed Ορίζει γραμμικό οριοποιητικό πλαίσιο.
solid Ορίζει γεμάτο οριοποιητικό πλαίσιο.
double Ορίζει δύο οριοποιητικά πλαίσια. Η πλάτος των δύο οριοποιητικών πλαίσιων είναι το ίδιο με την τιμή του border-width.
groove Ορίζει το 3D groove οριοποιητικό πλαίσιο. Το αποτέλεσμα εξαρτάται από border-color τιμές.
ridge Ορίζει το 3D ridge οριοποιητικό πλαίσιο. Το αποτέλεσμα εξαρτάται από border-color τιμές.
inset Ορίζει το 3D inset οριοποιητικό πλαίσιο. Το αποτέλεσμα εξαρτάται από border-color τιμές.
outset Ορίζει το 3D outset οριοποιητικό πλαίσιο. Το αποτέλεσμα εξαρτάται από border-color τιμές.
initial Ρυθμίστε αυτό το χαρακτηριστικό στην προεπιλεγμένη τιμή. Δείτε initial.
inherit Καταληφθεί από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: none
Αποτελεσματική τιμή: Σtring, που δείχνει τον τύπο του κάτω ορίου του στοιχείου.
Έκδοση CSS: CSS1

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Αναφορά:Η έκδοση IE7 και οι προηγούμενες δεν υποστηρίζουν την τιμή "hidden". Η έκδοση IE9 και οι μεταγενέστερες υποστηρίζουν την τιμή "hidden".