English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
coluna-O atributo span CSS especifica o número de colunas que um elemento ultrapassa no alinhamento de colunas múltiplas. O elemento que ultrapassa várias colunas é chamado de elemento de transição.
A tabela a seguir fornece uma descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.
| Valor padrão: | none |
|---|---|
| Aplicável a: | Elementos de bloco, flutuantes e elementos de posicionamento absoluto, exceto |
| Herança: | Nenhum |
| Animável: | Não.Veja também Atributos de animação。 |
| Versão: | CSS3nova funcionalidade |
| Sintaxe de JavaScript: | object.style.columnSpan="all" |
A sintaxe dessa propriedade é a seguinte:
coluna-span: none | all | initial | inherit
Os exemplos a seguir mostram como usar column-Atributo span.
h1 {
-webkit-coluna-span: all; /* Chrome, Safari, Opera */
coluna-span: all;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| none | O elemento não ultrapassa colunas múltiplas. Este é o valor padrão. |
| all | O elemento ultrapassa todas as colunas da página. Todo o conteúdo declarado antes do elemento é exibido antes do elemento. |
| initial | Defina essa propriedade como seu valor padrão. |
| inherit | Se especificado, o elemento relacionado usa o column do pai-O valor do atributo span. |
coluna-A compatibilidade do navegador do atributo span, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Consulte o seguinte tutorial:CSS3Alinhamento de colunas múltiplas。
Propriedades relacionadas:coluna-width，coluna-fill，coluna-gap，coluna-regra，coluna-regra-cor，coluna-regra-estilo，coluna-regra-width，coluna-count，colunas。