Hoje, vamos dar continuidade as propriedades de interface para CSS3. No post anterior falamos sobre box-sizing e resize, agora iremos ver as propriedades para múltiplas colunas ( columns, column-count, column-widht, column-gap, …). Depois de ler este artigo você deverá no mínimo, saber tudo sobre múltiplas colunas em CSS3!

Múltiplas Colunas com CSS3

Até o CSS2, dividir um layout em colunas era um pouco complicado, tendo de recorrer, como melhor opção, ao uso de grids (Grid 960 e etc…). Com CSS3 essa história já muda!

Basicamente, a diferença entre um Grid CSS – por favor pesquise sobre o assunto se ainda não tem conhecimento -, e o módulo para múltiplas colunas em CSS3 é: com CSS3 as colunas são mais flexiveis, tornando mais fácil a manipulação, o HTML irá “fica de lado”, sem deixar de ter o mesmo resultado de um Grid CSS, com algumas melhorias é claro… Vejamos como manipular múltiplas colunas em CSS3: