12.3. Přizpůsobení vzhledu HTML pomocí CSS

Když použijeme jako cílový formát HTML, můžeme snadno měnit vzhled vygenerovaných stránek kaskádovým stylem. Jméno souboru se stylem, jenž HTML bude používat musíme zapsat do naší XSL šablony a to konkrétně jako

ikona
Příklad 12.2: Specifikace CSS souboru pro HTML
<xsl:param name="html.stylesheet" select="'style.css'" />

Pak se již stačí podívat do zdrojového kódu HTML, jaké názvy zde mají jednotlivé DocBookové konstrukce a přidělit jim CSS třídy. Těm pak můžeme definovat požadované vlastnosti.

Názvy DocBook konstrukcí vždy nalezneme v atributu id daného HTML elementu.

ikona
Příklad 12.3: Předefinování vzhledu výpisu kódu
.programlisting
{
 background: #ececec;
 border: 1px solid #0066FF;
 padding: 3px;
}

Soubor s CSS přirozeně uložíme pod definovaným jménem k HTML souborům.

ikona
Shrnutí:

Vzhled výstupního dokumentu z DocBooku lze modifikovat několika způsoby. Nejjednodušší možností je úprava parametrů pro XSLT styly a úprava CSS. Složitější, avšak také silnější možností je doplnění DTD o nové značky a úprava XSL či FO stylů.