CSS @property Usage and Tooltips
RJM Programming - September, 2025
Thanks to
https://www.w3schools.com/css/css3_property.asp
and
https://www.w3schools.com/css/css_tooltip.asp
Optionally select element other than body ...
<style> @property --myColor { syntax: "<color>"; inherits: true; initial-value: lightgray; } body { background-color: var(--myColor); } /* Tooltip container */ .tooltip { position: relative; /* display: inline-block; */ border-bottom: 1px dotted black; /* Add dots under the hoverable text */ cursor: pointer; } /* Tooltip text */ .tooltiptext { visibility: hidden; /* Hidden by default */ width: 130px; background-color: black; color: #ffffff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; /* Ensure tooltip is displayed above content */ } /* Show the tooltip text on hover */ .tooltip:hover .tooltiptext { opacity: 0.3; visibility: visible; } </style>
Apply