Heim >Web-Frontend >CSS-Tutorial >Relative Längeneinheiten in CSS
Relative Längeneinheiten in CSS
- WBOYnach vorne
- 2023-08-26 20:57:031305Durchsuche
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>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> Ausgabe
|
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!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Legen Sie die Breite der Box mithilfe von CSS festNächster Artikel：Legen Sie die Breite der Box mithilfe von CSS fest