Style ιδιότητα alignSelf

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

alignSelf Η ιδιότητα καθορίζει τον τρόπο που το επιλεγμένο στοιχείο του διαδραστικού κουτιού είναι ευθυγραμμισμένο.

Σημειώσεις:Η ιδιότητα alignSelf καλύπτει την ιδιότητα align-items του διαδραστικού κουτιού. Αξία Στυλ alignItems.

Παράδειγμα

Ρύθμιση της προσαρμογής ενός στοιχείου εντός ενός διαδραστικού στοιχείου για να ταιριάζει στο κουτί:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

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

Γλώσσα

Επιστροφή της ιδιότητας alignSelf:

object.style.alignSelf

Ρύθμιση της ιδιότητας alignSelf:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

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

Τιμή Περιγραφή
auto Προεπιλεγμένο. Το στοιχείο 继承其父容器的 align-items 属性，如果没有父容器，则为 "stretch".
stretch Το στοιχείο επεκτείνεται για να ταιριάζει στο κουτί.
center Το στοιχείο βρίσκεται στο κέντρο του κουτιού.
flex-start Το στοιχείο βρίσκεται στην αρχή του κουτιού.
flex-end Το στοιχείο βρίσκεται στο τέλος του κουτιού.
baseline Το στοιχείο βρίσκεται στη βασική γραμμή του κουτιού.
initial Αντιστοίχιση αυτής της ιδιότητας στην προεπιλεγμένη τιμή. Εξετάστε initial.
inherit Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Εξετάστε inherit.

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

Προεπιλεγμένη τιμή: auto
Επιστροφή τιμής: 字符串，表示元素的 align-self 属性.
Έκδοση CSS: CSS3

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

alignItems είναι χαρακτηριστικό CSS3 (1999).

Όλοι οι περιηγητές το υποστηρίζουν πλήρως:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται 11

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

CSS Εγχειρίδιο Αναφοράς:align-self 属性

Εγχειρίδιο HTML DOM STYLE:Αξία Στυλ alignContent

Εγχειρίδιο HTML DOM STYLE:Αξία Στυλ alignItems