CSS περιθώριο-αριστερά-πλάτος ιδιότητα

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

border-inline-start-width Το πλάτος της κανονικής τού μπαριέρας στο σημείο έναρξης της κατεύθυνσης γραμμής του στοιχείου ρυθμίσεως της ιδιότητας.

Σημείωση：Για να κάνει border-inline-start-width Η ιδιότητα είναι ενεργοποιημένη, πρέπει να ρυθμιστεί style border-inline-start 属性。

ιδιότητες του CSS border-inline-start-width ιδιότητες είναι παρόμοιες με border-bottom-width、border-left-width、border-right-width και border-top-width Οι ιδιότητες είναι πολύ παρόμοιες, αλλά border-inline-start-width Η ιδιότητα εξαρτάται από την ενδοτερική κατεύθυνση.

Σημείωση：σχετικές ιδιότητες CSS writing-mode、text-orientation και direction Ορίζει την ενδοτερική κατεύθυνση. Αυτό επηρεάζει τη θέση της αρχής και του τέλους της γραμμής, καθώς και border-inline-start-width Η απόδοση της ιδιότητας. Για τις σελίδες αγγλικών, η ενδοτερική κατεύθυνση είναι από αριστερά προς τα δεξιά, η τετράγωνη κατεύθυνση είναι προς τα κάτω.

Παράδειγμα

Παράδειγμα 1

Ρύθμιση της πλάθους του πλαισίου στην αρχή της ενδοτερικής κατεύθυνσης：

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

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

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

Η θέση του πλαισίου στην αρχή της ενδοτερικής κατεύθυνσης επηρεάζεται από writing-mode Απόδοση ιδιότητας：

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

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

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

Η θέση του πλαισίου στην αρχή και στο τέλος της ενδοτερικής κατεύθυνσης επηρεάζεται από direction Απόδοση ιδιότητας：

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

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

Γλώσσα CSS

border-inline-start-width: medium|thin|thick|πλάτος|initial|inherit;

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

Τιμή Περιγραφή
medium Ορίζει την πλάθος του πλαισίου. Προεπιλεγμένη τιμή.
χονδρό Ορίζει την πλάθος του πλαισίου.
πλούσιο Ορίζει την πλάθος της πλαισίου.
πλάτος Επιτρέπει τη ρύθμιση της πλάθους της κλίμακας του πλαισίου.Μονάδες CSS。
initial Ρυθμίζει αυτήν την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε επίσης initial。
inherit Επιτρέπει τη λήψη αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε επίσης inherit。

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

Προεπιλεγμένη τιμή： medium
Προκλητικότητα： Όχι
Προσαρμογή κίνησης: Υποστηρίζεται. Δείτε επίσης:Ιδιότητες σχετικές με την κίνηση。
Έκδοση： CSS3
Γλώσσα προγραμματισμού JavaScript： object.style.borderInlineStartWidth="10px"

Υποστήριξη προγράμματος περιήγησης

Οι αριθμοί στη τаблицή υποδεικνύουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτήν την ιδιότητα.

Χρώμη Εντζ Φάιρφξεξ Σαφάρι Όπερα
69.0 79.0 41.0 12.1 56.0

相关页面

教程：Κύρια γραμμή κειμένου του CSS

参看：CSS border ιδιότητα

参看：CSS border-inline ιδιότητα

参看：CSS border-inline-end-width ιδιότητα

参看：CSS περιθώριο-αριστερά-στυλ ιδιότητα

参看：CSS border-bottom-width ιδιότητα

参看：CSS περιθώριο-αριστερά-πλάτος ιδιότητα

参看：CSS περιθώριο-δεξιά-πλάτος ιδιότητα

参看：CSS περιθώριο-πάνω-πλάτος ιδιότητα

参看：CSS direction ιδιότητα

参看：Ιδιότητα text-orientation του CSS

参看：Ιδιότητα writing-mode του CSS