Beispiel:CSS-Regelsatz.html
Aus SELFHTML-Wiki
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>CSS Regelsatz</title>
<style>
figure {
margin: 0;
font: 1.5rem monospace;
display: flex;
align-items: baseline;
color: gray;
x-sel {
color: var(--red);
}
.property {
color: var(--green);
}
.value {
color: var(--blue);
}
rt {
font: 1rem sans-serif;
margin: 0 -20px;
}
}
</style>
</head>
<body>
<figure>
<x-sel>h2</x-sel>
<x-op> { </x-op>
<ruby class="property">color<rt>Eigenschaft</rt></ruby>
:
<ruby class="value">red<rt>Wert</rt></ruby>
;
<ruby class="property">font-size<rt>Eigenschaft</rt></ruby>
:
<ruby class="value">1.5em<rt>Wert</rt></ruby>
; }
</figure>
</body>
