English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
column-La propiedad fill CSS especifica cómo la longitud de las columnas en el diseño de múltiples columnas se ve afectada por el flujo de contenido. El contenido en el diseño de múltiples columnas está equilibrado, lo que significa que el contenido en todas las columnas tendrá la misma altura, o solo ocupará espacio según sea necesario al usar el valor auto.
La tabla a continuación proporciona instrucciones de uso y registro histórico de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | balance |
|---|---|
| Aplicable a: | Elementos de múltiples columnas |
| Herencia: | No |
| Animable: | No Atributos de animación. |
| Versión: | CSS3nueva funcionalidad |
| Sintaxis de JavaScript: | object.style.columnFill="auto" |
La sintaxis de este atributo es la siguiente:
column-fill: auto | balance | initial | inherit
Los siguientes ejemplos muestran cómo usar column-Atributo fill.
p {
-moz-column-fill: auto; /* Firefox */
column-fill: auto;
}Prueba aquí‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| auto | Rellenar las columnas sucesivamente, para que la longitud de las columnas pueda ser diferente, dependiendo de los valores de otros atributos de columna. |
| balance | Rellenar en orden las columnas, para que sean lo más equilibradas posible en altura según los valores de otros atributos de columna. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, los elementos relacionados utilizarán el valor de atributo column de su elemento padre-Valores del atributo fill. |
column-La compatibilidad del navegador del atributo fill, los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad; actualmente solo el navegador Firefox admite esta propiedad.
|
Por favor, consulte la siguiente guía:CSS3Diseño de múltiples columnas.
Atributos relacionados:column-width,column-gap,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-count,columns.