Rozciaganie stylu





Rozciąganie stylu

Rozciąganie stylu polega na objęciu stylem pewnego bloku w dokumencie HTML. Posługujemy się tutaj poleceniem:

<SPAN> </SPAN>

Przykłady:
<SPAN STYLE="font-size: 15pt; font-family: Verdana; color: lime"> Treść </SPAN>
To jest akapit objęty poleceniem SPAN



<SPAN STYLE="font-size: 14pt; font-family: Garamond; color: maroon">
<UL>
<LI> Wykaz
<LI> objęty
<LI> poleceniem SPAN
<UL>



Wykaz
objety
poleceniem SPAN



W polecenu SPAN możemy wykorzystać także klasy, jeśli są zdefiniowane w nagłówku dokumentu (arkusz zagnieżdżony) czy jakimś zewnętrznym arkuszu. Gdybyśmy wstawili w nagłówku dokumentu, w definicji stylów, polecenie
.akapit {font-size: 15pt; font-decoration: underline; font-family: Arial; color: green}

możemy je wykorzystać w definicji SPAN.
<SPAN CLASS=istotne> Treść </SPAN>
To jest fragment dokumentu, formatowany zgodnie z definicją klasy istotne
  
Inny przykład, w którym kilka pierwszych wyrazów akapitu jest wyświetlanych za pomocą małych kapitalików. Korzystamy tutaj z definicji, która obejmuje pierwszy wyraz:
.pierwszy {font-variant: small-caps}
<SPAN CLASS=pierwszy> Treść </SPAN>
Pierwszy wyraz jest wyświetlany za pomocą małych kapitałków.