English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencia de CSS

reglas de CSS (RULES)

大全 de propiedades CSS

CSS3 column-Método de uso y ejemplo del atributo width

column-El atributo width CSS especifica el ancho óptimo de la columna en los elementos de multicolumnas. Esto no es un valor absoluto, el navegador puede ajustar el ancho de la columna según otros valores de atributo, especialmentecolumn-count。

La tabla a continuación proporciona una descripción de uso y un historial de versiones de este atributo, así como la sintaxis de uso de este atributo en el script JavaScript.

Valor predeterminado:auto
Aplique a:no reemplazadoblocelemento (excepto los elementos de tabla), celda de tabla ybloque en líneaelemento
Herencia:no
Animable:es.Consulte Atributos de animación。
Versión: CSS3nueva característica
Sintaxis de JavaScript:object.style.columnWidth="100px"

column-Sintaxis del uso de width

La sintaxis de este atributo es la siguiente:

column-width:　length　|　auto　|　initial　|　inherit

Los siguientes ejemplos muestran cómo usar column-Atributo width.

p　{
　　　　-webkit-column-width:　150px;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-width:　150px;　/*　Firefox　*/
　　　　　　　　　　　　column-width:　150px;　
}
Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
length

Longitud expresada en unidades absolutas o relativas, utilizada para especificar el ancho de la columna.

autoEl ancho de la columna se determina por otros valores de atributo de los elementos de multicolumnas, por ejemplo, column-Count. Este es el valor predeterminado.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento relacionado utiliza el valor de column de su elemento padre-Valor del atributo width.

Compatibilidad del navegador

column-La compatibilidad del navegador del atributo width, los números en la tabla a continuación representan la versión más baja del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.

  • Firefox 2+ -moz-

  • Google Chrome 4+ -webkit-

  • Internet Explorer 10+

  • Apple Safari 3.1+ -webkit-

  • Opera 11.1+ -o-，15+ -webkit-

Leer más

Consulte los siguientes tutoriales:CSS3Diseño de multicolumnas。

Propiedades relacionadas:column-span，column-fill，column-gap，column-rule，column-rule-color，column-rule-style，column-rule-width，column-count，columns。

CSS3 Atributo columnsCSS3 column-Atributo span