Esta página explicará las palabras clave transparent, currentcolor y inherit.
La palabra clave transparent
La palabra clave transparent se utiliza para hacer que un color sea transparente. Esta opción se usa a menudo para hacer un color de fondo transparente para un elemento.
Ejm
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
Nota: La palabra clave transparent es equivalente a rgba(0,0,0,0). Los valores de color RGBA son una extensión de los valores de color RGB con un canal alfa, que especifica la opacidad de un color.
La palabra clave currentcolor
La palabra clave currentcolor es como una variable que contiene el valor actual de la propiedad de color de un elemento. Esta palabra clave puede ser útil si deseas que un color específico sea consistente en un elemento o una página.
Ejm
div {
color: blue;
border: 10px solid currentcolor;
}
La palabra clave inherit
La palabra clave inherit especifica que una propiedad debe heredar su valor de su elemento principal. La palabra clave inherit se puede utilizar para cualquier propiedad CSS y en cualquier elemento HTML.
En este ejemplo, la configuración del borde de <span> se heredará del elemento principal.
Ejm
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 2px solid red;
}
span {
border: inherit;
}
</style>
</head>
<body>
<h2>The inherit Keyword</h2>
<div>Aquí, la configuración del borde del elemento <span>span</span> se heredará del elemento principal.</div>
<br>
<div style="border:2px dotted blue;">Aquí, el elemento <span>span</span>
la configuración del borde también se heredará del elemento principal.</div>
</body>
</html>