Proprietà CSS grid-columns
Supporto dei browser
Al momento non ci sono browser che supportano grid-columns.
Definizione e uso
L'attributo grid-columns rappresenta la larghezza di ogni colonna nella griglia.
Suggerimento:Il sistema di griglia è di grande valore per i designer per la stampa. Ora la stessa modifica viene applicata al contenuto online. Le proprietà di griglia forniscono la capacità di regolare le dimensioni e la posizione dei titoli, del testo e delle immagini in una griglia scalabile.
Esempio
Aggiungi una riga di griglia al centro dell'elemento div, aggiungi un'altra a 200 pixel di distanza dal lato destro e un'altra nel centro dello spazio rimanente:
div
{
grid-columns:50% * * 200px;
}
Sintassi CSS
grid-columns: lunghezza|%|none|ereditare;
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| lunghezza | Riferimento alla griglia del blocco contenitore. |
| % | Riferimento alla larghezza del blocco contenitore. |
| nessuna | |
| ereditare |
Dettagli tecnici
| Valore predefinito: | nessuna |
|---|---|
| Ereditarietà: | no |
| Versione: | CSS3 |
| Sintassi JavaScript: | oggetto.style.gridColumns="50% * * 200px" |
