CSS πλάτη-αριστερά-στυλ ιδιότητα

定义和用法

border-inline-start-style 属性设置元素在行内方向起始处的边框样式。

CSS 的 border-inline-start-style 属性与 border-bottom-style、border-left-style、border-right-style και border-top-style 属性非常相似，但 border-inline-start-style 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation και direction Ορίζει την κατεύθυνση της γραμμής. Αυτό επηρεάζει την αρχή και το τέλος της γραμμής, καθώς και border-inline-start-style Τα αποτελέσματα της ιδιότητας. Για τις σελίδες αγγλικών, η κατεύθυνση της γραμμής είναι από αριστερά προς τα δεξιά, η κατεύθυνση του блока είναι προς τα κάτω.

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε το στυλ του περιθωρίου στην αρχή της γραμμής κειμένου:

div {
  border-inline-start-style: dotted;
}

Προσπαθήστε το προσωπικά

Παράδειγμα 2: Συγχώνευση ιδιότητας writing-mode

Η θέση του περιθωρίου στην αρχή της γραμμής κειμένου εξαρτάται από: writing-mode Επίδραση της ιδιότητας:

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

Προσπαθήστε το προσωπικά

Παράδειγμα 3: Συγχώνευση ιδιότητας direction

Η θέση του περιθωρίου στην αρχή και το τέλος της γραμμής κειμένου εξαρτάται από: direction Επίδραση της ιδιότητας:

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

Προσπαθήστε το προσωπικά

Γλώσσα CSS

border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

Τιμή Περιγραφή
μηδέν Προεπιλεγμένη τιμή. Καθορίζει την απουσία περιθωρίου.
hidden Όπως το none, αλλά διαφέρει στην επίλυση συγκρούσεων περιθωρίων στο στοιχείο τάβλας.
dotted Καθορίστε την κλίμακα σημείων.
dashed Καθορίστε την διακοπτική κλίμακα.
solid Καθορίστε την ομαλή κλίμακα.
double Καθορίστε την διπλή κλίμακα.
groove

Καθορίστε την 3D εσωτερική κλίμακα.

Η επίδραση εξαρτάται από την τιμή του border-color.
rigde

Καθορίστε την 3D εξωτερική κλίμακα.

Η επίδραση εξαρτάται από την τιμή του border-color.
inset

Καθορίστε την 3D εσωτερική ένθετη κλίμακα.

Η επίδραση εξαρτάται από την τιμή του border-color.
outset

Καθορίστε την 3D εξωτερική ένθετη κλίμακα.

Η επίδραση εξαρτάται από την τιμή του border-color.
initial Ρυθμίστε αυτή την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε: initial.
κληρονομιά Κληρονομείται από το γονικό στοιχείο. Δείτε: κληρονομιά.

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

Προεπιλεγμένη τιμή: μηδέν
Ερμηνεία από κληρονομιά: Όχι
Κίνηση: Δεν υποστηρίζεται. Δείτε:Ιδιότητες κίνησης.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.borderInlineStartStyle="dotted"

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Σχετικές σελίδες

Εκμάθηση:Περιθώρια CSS

Αναφορά:CSS border στοιχεία

Αναφορά:CSS border-inline στοιχεία

Αναφορά:CSS border-inline-end-style στοιχεία

Αναφορά:CSS πλάτη-αριστερά-στυλ ιδιότητα

Αναφορά:CSS border-bottom-style στοιχεία

Αναφορά:CSS πλάτη-αριστερά-στυλ ιδιότητα

Αναφορά:CSS πλάτη-δεξιά-στυλ ιδιότητα

Αναφορά:CSS πλάτη-πάνω-στυλ ιδιότητα

Αναφορά:CSS direction attribute

Αναφορά:Πρότυπο text-orientation

Αναφορά:Πρότυπο writing-mode