CSS border-bottom-width στοιχεία

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

Το αtributo borderBottom-width ορίζει το πλάτος της κάτω κανονικής γραμμής του στοιχείου.

Λειτουργεί μόνο όταν το στυλ κανονικής γραμμής δεν είναι none. Αν το στυλ κανονικής γραμμής είναι none, το πλάτος της κανονικής γραμμής θα επανεπιλεγεί ως 0. Δεν επιτρέπεται να καθοριστούν αρνητικές τιμές μήκους.

Σημείωση:Πρέπει πάντα να δηλώσετε το αtributo border-style πριν από το border-bottom-width. Ο στοιχείο πρέπει να αποκτήσει το κανονικό του ρεζιλιό για να αλλάξει το πλάτος του κανονικού του.

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

Εκμάθηση CSS:CSS πύλες

Εγχειρίδιο CSS:Αtributo border-bottom

Εγχειρίδιο HTML DOM:Αtributo borderBottomWidth

Παράδειγμα

Ρύθμιση πλάτους κάτω κανονικής γραμμής:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Προσπαθήστε το!

Γλώσσα CSS

border-bottom-width: medium|thin|thick|length|initial|inherit;

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

Τιμή Περιγραφή
thin Ορίζει μια λεπτή κάτω κανονική γραμμή.
medium Προεπιλεγμένη τιμή. Ορίζει μια μεσαία κάτω κανονική γραμμή.
thick Ορίζει μια粗 κάτω κανονική γραμμή.
length Επιτρέπει να προσαρμόσετε το πλάτος της κάτω κανονικής γραμμής.
inherit Ορίζει ότι το πλάτος της κανονικής γραμμής πρέπει να προέλθει από το γονικό στοιχείο.

Περισσότερα παραδείγματα

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

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

Προεπιλεγμένη τιμή: medium
Εγκατάληψη: no
Έκδοση: CSS1
Γλώσσα JavaScript: object.style.borderBottomWidth="thick"

Υποστήριξη περιηγητών

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Σημείωση:Οι περιηγητές IE7 και παλιότεροι δεν υποστηρίζουν τη τιμή "inherit". Ο περιηγητής IE8 χρειάζεται !DOCTYPE. Ο περιηγητής IE9 υποστηρίζει "inherit".