In CSS werden relative Längeneinheiten verwendet, um eine Länge relativ zu einem anderen Längenattribut anzugeben.
| Seriennummer | Einheit und Beschreibung |
|---|---|
| 1 |
em relativ zur Schriftgröße des Elements, d. h. 4em bedeutet das 4-fache der aktuellen Schriftgröße. |
| 2 |
ex
|
| rem. Schriftgröße relativ zum Stammelement. 5 relativ zu 1 % der Höhe des Ansichtsfensters* | |
| vmin relativ zur Ansichtsöffnung des Ansichtsfensters * 1 % der größeren Größe | |
| % relativ zum übergeordnetes Element | |
| Beispiel | Schauen wir uns ein Beispiel mit relativen Längeneinheiten an: Demonstration <!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 1.4em;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>Nach dem Login kopieren Ausgabe |
| Nun sehen wir uns ein weiteres Beispiel an − | Live-Demonstration<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 4ch;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html>Nach dem Login kopieren |
Das obige ist der detaillierte Inhalt vonRelative Längeneinheiten in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
