Palabras clave de color de CSS
- Página anterior Colores de CSS
- Página siguiente Gradiente de CSS
Este capítulo explicará transparent、currentcolor Y inherit Palabra clave.
Palabra clave transparent
transparent La palabra clave se utiliza para hacer el color transparente. Esto se utiliza generalmente para establecer un color de fondo transparente para un elemento.
Ejemplo
En este caso, el color de fondo del elemento <div> será completamente transparente y se mostrará la imagen de fondo:
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Nota:transparent La palabra clave es equivalente a rgba(0,0,0,0).El valor de color RGBA es una extensión del valor de color RGB, con un canal alpha —que especifica la opacidad del color. Para obtener más información, consulte nuestra CSS RGB Capítulo y Colores de CSS Capítulo.
Palabra clave currentcolor
currentcolor La palabra clave es similar a una variable, que guarda el valor actual de la propiedad color del elemento.
Si desea que un color específico se mantenga consistente en un elemento o en una página, esta palabra clave será muy útil.
Ejemplo
En este ejemplo, el color del borde del elemento <div> será azul, porque el color del texto del elemento <div> es azul:
div {
color: blue;
border: 10px solid currentcolor;
}
Ejemplo
En este ejemplo, el color de fondo del elemento <div> se establece como el valor de color actual del elemento body:
body {
color: purple;
}
div {
background-color: currentcolor;
}
Ejemplo
En este ejemplo, el color del borde y la sombra del color de <div> se configuran con el valor de color actual del elemento body:
body {
color: verde;
}
div {
sombra de cuadro: 0px 0px 15px currentcolor;
border: 5px sólido currentcolor;
}
Palabra clave inherit
inherit La palabra clave especifica que el atributo debe heredar su valor del elemento padre.
inherit Las palabras clave se pueden usar para cualquier atributo CSS y se pueden usar para cualquier elemento HTML.
Ejemplo
En este ejemplo, la configuración del borde de <span> se heredará del elemento padre:
div {
border: 2px sólido rojo;
}
span {
border: heredado;
}
- Página anterior Colores de CSS
- Página siguiente Gradiente de CSS
