CSS border-inline-end ποιότητα

Προηγούμενη σελίδα border-inline-color
Επόμενη σελίδα border-inline-end-color

定义和用法

border-inline-end 属性是以下属性的简写：

border-inline-end-width（行内结束边框宽度）
border-inline-end-style（行内结束边框样式）
border-inline-end-color（行内结束边框颜色）

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

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση πλάτους, χρώματος και στυλ του περιβλήματος στο τέλος της κατεύθυνσης γραμμής:

div {
  border-inline-end: 10px solid pink;
}

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

Παράδειγμα 2: Συμβολή με την ιδιότητα writing-mode

Η θέση του περιβλήματος στο τέλος της κατεύθυνσης γραμμής επηρεάζεται από writing-mode Επιρροή ιδιότητας:

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

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

Παράδειγμα 3: Συμβολή με την ιδιότητα direction

Η θέση του περιβλήματος στο τέλος της κατεύθυνσης γραμμής επηρεάζεται από direction Επιρροή ιδιότητας:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

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

Γλώσσα CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

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

Τιμή	Περιγραφή
border-inline-end-width	Ορίζει το πλάτος του περιβλήματος στο τέλος της κατεύθυνσης γραμμής. Η προεπιλεγμένη τιμή είναι "medium".
border-inline-end-style	Ορίζει το στυλ του περιβλήματος στο τέλος της κατεύθυνσης γραμμής. Η προεπιλεγμένη τιμή είναι "none".
border-inline-end-color	Ορίζει τη χρώση του περιβλήματος στο τέλος της κατεύθυνσης γραμμής. Η προεπιλεγμένη τιμή είναι η τρέχουσα χρώση του περιβλήματος.

Τιμή

Περιγραφή

border-inline-end-width

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

Η προεπιλεγμένη τιμή είναι "medium".

border-inline-end-style

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

Η προεπιλεγμένη τιμή είναι "none".

border-inline-end-color

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

Η προεπιλεγμένη τιμή είναι η τρέχουσα χρώση του περιβλήματος.

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

initial	Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη τιμή. Δείτε επίσης initial.
inherit	Κληρονομείται από το γονικό στοιχείο. Δείτε επίσης inherit.
Προεπιλεγμένη τιμή:	medium none currentcolor
Κληρονομικότητα:	Όχι
Προσθήκη κινούμενων γραμμάτων:	Υποστηρίζεται. Δείτε επίσης:Πρότυπα κινούμενων γραμμάτων.
Έκδοση:	CSS3
Γλώσσα JavaScript:	object.style.borderInlineEnd="pink dotted 5px"