CSS grid-column-start ιδιότητα

Καθορισμός και χρήση

Το ατρίβου grid-column-start καθορίζει από ποια γραμμή στήλης ξεκινά το αντικείμενο.

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

Εκμάθηση CSSCSS Γραφική Διαδρομή Δικτύου

Εγχειρίδιο CSSΑτрибούτα grid-column

Εγχειρίδιο CSSΑτрибούτα grid-column-end

Εγχειρίδιο CSSΑτрибούτα grid-row-start

Εγχειρίδιο CSSΑτрибούτα grid-row-end

Παράδειγμα

Για να ξεκινήσει το "item1" από τη στήλη 2:

.item1 {
  grid-column-start: 2;
}

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

Γλώσσα CSS

grid-column-start: auto|span n|column-line;

Τιμή του ατριβού

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Το αντικείμενο θα τοποθετηθεί με βάση τον ρυθμό.
span n Καθορίζει τον αριθμό των στηλών που θα καλύπτει το αντικείμενο.
column-line Καθορίζει από ποια στήλη ξεκινά η εμφάνιση του αντικειμένου.

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

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Όχι
Δημιουργία αнимάσεων: Υποστήριξη. Δείτε επίσης:Ατрибούτα της αニμασιών.
Έκδοση: CSS Grid Layout Module Level 1
Γλώσσα προγραμματισμού JavaScript: object.style.gridColumnStart="3"

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

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

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44