Tag Archives: tricks

Transparent CSS borders with the inherited color

Posted on August 26, 2021 by Dan

You can inherit CSS colors from parent elements using the inherit or currentColor keywords:

.someClass {
	color: inherit
}

.someClass {

color: inherit

}

This works for border color too:

.someClass {
	border-color: inherit
}
/* or using the shorthand: */
.someClass {
	border: 1px solid currentColor
}

.someClass {

border-color: inherit

}

/* or using the shorthand: */

.someClass {

border: 1px solid currentColor

}

But suppose you’d want to have a semi-transparent color. When setting colors normally you would simply use rgba() to specify the … Continue reading →

Posted in Development, Tips | Tagged css, tricks | 1 Comment