From 6b742c459266b18e2b375b35205ce8a6c02f0452 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Thu, 6 Jun 2024 08:05:12 -0400 Subject: Initial commit --- build/current-color/index.html | 63 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 build/current-color/index.html (limited to 'build/current-color') diff --git a/build/current-color/index.html b/build/current-color/index.html new file mode 100644 index 0000000..a28a733 --- /dev/null +++ b/build/current-color/index.html @@ -0,0 +1,63 @@ + + + + + + + CSS Value: `currentColor` + + + + + + +
+

CSS Value: currentColor

+

2019-04-13

+

There are a large number of nuanced and mostly unheard of CSS value types, but today we are going to focus on currentColor. So what is the currentColor value type anyway?

+

The currentColor value type will apply the existing color value to other properties like background-color, etc.

+
+

See it in action

+

Let's assume with have a single div with the following properties:

+
div {
+    color: dodgerblue;
+}
+
+

If we wanted to use that same color for other properties on elements inside that initial div, it's simple - we just need to call currentColor like so:

+
div {
+    color: dodgerblue;
+}
+
+div header {
+    background-color: currentColor;
+}
+
+div a {
+    border-bottom: 1px solid currentColor;
+}
+
+

Sidenote: If you re-declare the default color property further along in your CSS, the currentColor value will update according to the last color set.

+

And that's it. Best of all, this value type is supported across all major browsers!

+ \ No newline at end of file -- cgit v1.2.3-54-g00ecf