Χαρακτηριστικό Style borderLeft

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

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

Με αυτό το χαρακτηριστικό, μπορείτε να ρυθμίσετε/επιστρέψετε το εξής ένα ή περισσότερα (σε οποιαδήποτε σειρά):

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

Εκμάθηση CSS:CSS Κάθετος

Εγχειρίδιο CSS:Χαρακτηριστικό border-left

Εγχειρίδιο HTML DOM:Χαρακτηριστικό border

Παράδειγμα

Παράδειγμα 1

Προσθέστε αριστερή πύλη στο στοιχείο <div>:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αλλάξτε το πλάτος, το στυλ και το χρώμα της αριστερούς πύλης του στοιχείου <div>:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Επιστρέψτε την τιμή του χαρακτηριστικού border-left του στοιχείου <div>:

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

Δοκιμάστε το προσωπικά

Γλώσσα

Επιστρέψτε το χαρακτηριστικό borderLeft:

object.style.borderLeft

Ρυθμίστε το χαρακτηριστικό borderLeft:

object.style.borderLeft = "πλάτος στυλ χρώμα|initial|inherit"

Τιμή χαρακτηριστικού

Τιμή Περιγραφή
πλάτος Ρυθμίστε το πλάτος της αριστερούς πύλης.
στυλ Ρυθμίστε το στυλ της αριστερούς πύλης.
χρώμα Ρυθμίστε το χρώμα της αριστερούς πύλης.
initial. Ρυθμίστε αυτό το χαρακτηριστικό στη προεπιλεγμένη τιμή. Δείτε initial.
inherit Απόκτησε αυτό το χαρακτηριστικό από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: Δεν καθορίστηκε
Αποτελεσματική τιμή: Συνημμένος字符串 που εκφράζει το πλάτος, το στυλ και/ή το χρώμα της αριστερούς πύλης του στοιχείου.
Έκδοση CSS: CSS1

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

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