Atributo de estilo columns
- Página anterior columnRuleWidth
- Página siguiente columnSpan
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
columns
El atributo es una abreviatura para configurar columnWidth y columnCount.
Vea también:
Tutorial de CSS3:CSS multicolumnas
Manual de referencia de CSS:Atributo columns
Ejemplo
Divida el texto en tres columnas, cada una con al menos 100 píxeles:
document.getElementById("myDIV").style.columns = "100px 3";
Sintaxis
Devolver atributo columns:
object.style.columns
Configurar atributo columns:
object.style.columns = "auto|column-width column-count|initial|inherit"
Valor del atributo
Valor | Descripción |
---|---|
auto | Valor predeterminado. Establezca el ancho de la columna en "auto" y el número de columnas en "auto". |
columnWidth | Ancho de la columna. |
columnCount | Número de columnas. |
initial | Establezca este atributo en su valor predeterminado. Consulte initial。 |
inherit | Hereda este atributo del elemento padre. Consulte inherit。 |
Detalles técnicos
Valor predeterminado: | auto auto |
---|---|
Valor devuelto: | Cadena de caracteres, que representa el Atributo columns。 |
Versión de CSS: | CSS3 |
Soporte del navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- Página anterior columnRuleWidth
- Página siguiente columnSpan
- Volver a la capa superior Objeto Style de HTML DOM