column-rule-color

Índice

Definición de .column-rule-color aplicado en CSS

La propiedad CSS .column-rule-color determina el color de una línea entre columnas en un diseño de multi-columna CSS.

Ejemplo de empleo de la propiedad column-rule-color

Si te gustaría emplear esta propiedad de CSS en tu hoja styles.css, hazlo de la siguiente manera:

.columns {
  column-count: 2 600px;
  column-rule-style: solid;
  column-rule-color: #f8a100;
}

Otro ejemplo más avanzado de .column-rule-color es el siguiente de CODEPEN:

Sintaxis de .column-rule-color en CSS

column-rule-color: color|initial|inherit;

Valores

Valor Descripción Manifestación
color Especifica el color de la regla. Busque una lista completa de posibles valores de color
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .column-rule-color

Los números de la tabla detallan la primera versión del navegador que es plenamente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
column-rule-style 50.0
4.0 -webkit-
10.0 52.0
2.0 -moz-
9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

Bibliografía

Echa un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso