Proprietà column-gap CSS

Definizione e uso

L'attributo column-gap determina l'intervallo tra le colonne.

Nota:Se è stato impostato tra le colonne column-ruleverrà visualizzato nel centro dell'intervallo.

Vedi anche:

Corso CSS3:CSS3 Multicolon

Manuale di riferimento HTML DOM:Proprietà columnGap

Esempi

Stabilisce l'intervallo tra le colonne a 40 pixel:

div {
  column-gap: 40px;
}

Prova tu stesso

Ci sono altri esempi nella parte inferiore della pagina.

Sintassi CSS

column-gap: length|normal;

Valore dell'attributo

Valore Descrizione Test
length Imposta l'intervallo tra le colonne alla lunghezza specificata. Test
normal Stabilisce l'intervallo tra le colonne come un intervallo normale. Il valore consigliato da W3C è 1em. Test

Dettagli tecnici

Valore predefinito: normal
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columnGap="40px"

Altri esempi

Column-count
Divide il testo all'interno dell'elemento div in tre colonne.
Column-rule
Stabilisce la larghezza, lo stile e il colore tra le colonne.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

i numeri con -webkit- o -moz- rappresentano la versione iniziale con prefisso.

proprietà Chrome IE / Edge Firefox Safari Opera
nelle colonne multiple 50 10 52 10 37
nella griglia 66 16 61 12 53
nel riquadro flessibile 84 84 63 14.1 70