Rozdział 3.
niej użyć linii o podwójnej
.'oj nej
Określanie odstępu wierszy
Każdy, kto kiedykolwiek pisał listę terminów, wie, że trzeba w wysokości. Takie postępowanie ma na celu ułatwienie czytania oraz tworzy miejsce pozwalające na zapisywanie notatek na stronie. Dodatkowo, dodawanie odstępów między liniami może zostać użyte do tworzenia efektów specjalnych, na przykład poprzez tworzenie obszarów, w których odstępy między liniami będą miały ujemne wartości. Właściwość line-height powiększa odstęp pomiędzy liniami
krawędzi liter) wierszy tekstu.
1. BODY{
Podaj selektor, dla którego chcesz określić wysokość linii, następnie otwórz definicję zapisując otwierający nawias klamrowy {.
2. line-height:
Podaj nazwę właściwości i dwukropek.
3. 1.5
Podaj wysokość linii używając jednej z poniższych możliwości:
• liczby, która po pomnożeniu przez wielkość czcionki określi wysokość linii,
wysokości;
• jednostki określającej długość, np. 24pt. W tym wypadku wszystkie linie będą miały określoną wysokość, niezależnie od podanej wielkości czcionki.
(A zatem jeśli czcionka będzie miała wielkość 12pt, a wysokość linii 24pl, to linie tekstu będą miały podwójną wysokość.);
• wartość procentową określającą proporcję pomiędzy wysokością linii i wielkością czcionki;
• wartość normal, która zastąpi odziedziczoną wartość wysokości linii.
Listing 3.2. W poniższym przykładzie odległości pomiędzy wszystkimi Uniami tekstu znajdującymi się w treści dokumentu (pomiędzy znacznikami <BODY> ...</BODY>) będą miały wysokość półtorej linii (półtorej wysokości pojedynczej linii), za wyjątkiem cytatów umieszczonych
w akapitach, których odległości między Uniami będą pojedyncze
<head>
<meta http-equiv«MCOrttent-Type" ->content='"t€i::t/html; charset-ISO-88S9-2"> <title>Listing 3.?</title>
<style type-,,text/css”>
BODY ( line-height: 1.5; }
P BLOCKQUOTE ( line-height: 100%; ) </styie>
</head>
<body>
<p>Para znaczników TR i /TR służy do tworzenia ...
<blockquote>Podpisy tabel informują o tym, czego ... </blockquote></p>
<p>Znacznik CAPTION posiada atrybuty, które ... </p>
</body>
</html>
64