Αξία align-self CSS

  • προηγούμενη σελίδα align-items
  • Επόμενη σελίδα all

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

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

Σημείωση:Η ιδιότητα align-self καλύπτει την ιδιότητα του ελαστικού κουτιού align-items Ιδιότητες

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

Εκμάθηση CSSCSS Grid

Εκμάθηση CSSCSS Flexbox

Εγχειρίδιο CSSΙδιότητα alignContent

Εγχειρίδιο CSSΙδιότητα alignItems

Εγχειρίδιο CSSΙδιότητα justifySelf

Εγχειρίδιο HTML DOMΙδιότητα alignSelf

Παράδειγμα

Συνίσταται στη δίπλασία του στοιχείου ενός στο εσωτερικό του ελαστικού στοιχείου:

#myBlueDiv {
  align-self: center;
}

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

Γλώσσα CSS

align-self: 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
Προκληροποίηση: Όχι
Προσαρμογή της αニμάτισης: Δεν υποστηρίζεται. Δείτε επίσης:Ιδιότητες της αニμάτισης.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.alignSelf="center"

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0
  • προηγούμενη σελίδα align-items
  • Επόμενη σελίδα all