CSS border-left characteristic
- προηγούμενη σελίδα border-inline-width
- Επόμενη σελίδα border-left-color
Ορισμός και χρήση
Η συντομευμένη ιδιότητα border-left ρυθμίζει όλες τις ιδιότητες της αριστεράς πλαισίωσης σε μια δήλωση.
Μπορείτε να ρυθμίσετε τις παρακάτω ιδιότητες σε σειρά:
Αν δεν ρυθμιστεί μια τιμή από αυτές, δεν θα προκαλέσει προβλήματα, π.χ. border-left:solid #ff0000; είναι επιτρεπόμενο.
Δείτε επίσης:
Εκμάθηση CSS:CSS πύλες
Εγχειρίδιο HTML DOM:Ιδιότητα borderLeft
Παράδειγμα
Ρύθμιση του τύπου της αριστεράς πλαισίωσης:
p
{
border-style:solid;
border-left:thick double #ff0000;
}
Γλώσσα CSS
border-left: border-width border-style border-color|initial|inherit;
Τιμή ιδιότητας
| Τιμή | Περιγραφή |
|---|---|
| border-left-width | Καθορίζει το πλάτος της αριστεράς πλαισίωσης. Δείτε επίσης:border-left-width πιθανές τιμές. |
| border-left-style | Καθορίζει τον τύπο της αριστεράς πλαισίωσης. Δείτε επίσης:border-left-style πιθανές τιμές. |
| border-left-color | Καθορίζει τον χρώμα της αριστεράς πλαισίωσης. Δείτε επίσης:border-left-color πιθανές τιμές. |
| inherit | Καθορίζει ότι η ρύθμιση της ιδιότητας border-left πρέπει να προέρχεται από το γονικό στοιχείο. |
Τεχνικές λεπτομέρειες
| Προεπιλεγμένη τιμή: | not specified |
|---|---|
| Προληπτικότητα: | no |
| Έκδοση: | CSS1 |
| Γλώσσα JavaScript: | object.style.borderLeft="3px solid blue" |
Περισσότερες παραδείγματα
- Όλες οι ιδιότητες της αριστεράς πλαισίωσης σε μια δήλωση
- Όλες οι ιδιότητες της αριστεράς πλαισίωσης σε μια δήλωση
Υποστήριξη περιηγητών
Τα αριθμήματα στην τράπεζα δείχνουν την πρώτη έκδοση περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 3.5 | 1.0 |
Σημείωση:Οι περιηγητές IE7 και παλιότεροι δεν υποστηρίζουν τη τιμή "inherit". Ο IE8 χρειάζεται !DOCTYPE. Ο IE9 υποστηρίζει "inherit".
- προηγούμενη σελίδα border-inline-width
- Επόμενη σελίδα border-left-color
