Szablon:Centruj/opis
Wygląd
|
|
To jest podstrona dokumentacji dla strony Szablon:Centruj. Zawiera ona informacje na temat użycia tej strony, jej kategoryzację i inną zawartość niebędącą częścią oryginalnej strony. |
Użycie
[edytuj]Szablon powoduje wycentrowania jednej lub kilku linii tekstu .
{{Centruj|Tekst wycentrowany|...parametry opcjonalne}}
Tekst wycentrowany
Można określić następujące parametry dodatkowe:
(Uwaga: szablon ignoruje parametry lewy= i prawy=.)
- Opcje:
kap
|
(small-caps): przekształca tekst na tekst pisany kapitalikami - odpowiednik {{kap}} |
roz
|
(letter-space): powoduje rozstrzelenie liter w tekście - odpowiednik {{Roz}} |
u
|
(underline): powoduje podkreślenie tekstu - odpowiednik {{u}} |
b
|
(bold): powoduje pogrubienie tekstu |
i
|
(italic): powoduje pochylenie tekstu |
s
|
(stroke): powoduje |
c
|
(text-align=center): centruje wprowadzony tekst (skrót parametru align=center)
|
center
|
(center): powoduje wycentrowanie całego elementu blokowego względem strony. |
table
|
(display:table): element blokowy zachowuje się jak "tabelka" - dopasowuje swoją szerokość do zawartości, w połączeniu z opcja center umożliwi wycentrowanie bloku bez potrzeby określania jego szerokości (zobacz użycie: przestroga Woltera).
|
- opcje mogą być stosowane łącznie (także z parametrami)
- Parametry:
font=
|
(font name): nazwa czcionki, którą ma zostać zastosowana dla tekstu (np. font=Arial Narrow lub font=Times); można podać kilka oddzielonych przecinkami
|
w=
|
(font size): ustawia wielkość (rozmiar) czcionki, można podawać w procentach wielkości tekstu stosowanego na stronie (np. w=150%), jako wartości bezwzględne w px, em, cm, itd. (np. w=2em, w=19px), lub wartości predefiniowane
|
kol=
|
(color): ustawia kolor czcionki, można podawać wartości predefiniowane (np. kol=red, kol=blue), wartości heksadecymalne (np. kol=#00ff00), kod RGB, RGBA, HSL, itd.
|
h=
|
(line height): ustawia wysokość linii tekstu, można podawać w procentach wysokości linii tekstu stosowanego na stronie (np. h=150%), jako wartości bezwzględne w px, em, pt, itd. (np. h=2em, h=19px), lub wartości predefiniowane
|
width=
|
(width): ustawia szerokość elementu blokowego, można podawać w procentach szerokości elementu nadrzędnego (strony) (np. width=80%), lub jako wartości bezwzględne w px, em, pt, itd. (np. width=200px)
|
maxwidth=
|
(max-width): ustawia maksymalną szerokość elementu blokowego, można podawać w procentach szerokości elementu nadrzędnego (strony) (np. maxwidth=80%), lub jako wartości bezwzględne w px, em, pt, itd. (np. width=200px)
|
roz=
|
(letter-spacing): powoduje rozstrzelenie liter w tekście o podana wartość, można podawać jako wartości bezwzględne w px, em, pt, itd. (np. roz=0.3em)
|
align=
|
(text-align): sposób wyrównania tekstu (left, right, justify, center)
|
last=
|
(text-align-last): sposób wyrównania ostatniej linii tekstu jeśli cały tekst jest wyjustowany (left, right, center, justify)
|
przed=
|
(margin-top): ustawia odstęp przed tekstem (górny margines), można podawać jako wartości bezwzględne w px, em, pt, itd. (np. przed=3em)
|
po=
|
(margin-bottom): ustawia odstęp po tekście (dolny margines), można podawać jako wartości bezwzględne w px, em, pt, itd. (np. po=3em)
|
wci=
|
(text-indent): ustawia wcięcie pierwszego wiersza tekstu w bloku, można podawać w procentach szerokości elementu nadrzędnego (strony) (np. wci=20%), lub jako wartości bezwzględne w px, em, pt, itd. (np. wci=2em, wci=18px)
|
wys=
|
(-text-indent+margin-left): ustawia wysunięcie pierwszego wiersza tekstu w bloku, można podawać w procentach szerokości elementu nadrzędnego (strony) (np. wys=20%), lub jako wartości bezwzględne w px, em, pt, itd. (np. wys=2em, wys=18px)
|
style=
|
(style): dodatkowe atrybuty stylu CSS. Np.:style=background-color:#00ff00;border-top:thick double #ff0000.
|
id=
|
(id): Opcjonalna nazwa kotwicy. Atrybutid definiujący unikalny identyfikator elementu. Np.:id=Roz1.
|
- parametry mogą być stosowane łącznie (także z opcjami)
Uwaga: Aby wycentrować obiekty wraz z tekstem lub całą stronę użyj pary {{CentrujStart}} - {{CentrujKoniec}}
Przykład
[edytuj]| wywołanie | efekt |
|---|---|
{{Centruj|Tekst wycentrowany}}
|
Tekst wycentrowany
|
{{Centruj|Tekst wycentrowany<br>kolejna linia tekstu}}
|
Tekst wycentrowany
kolejna linia tekstu |
Tekst paragrafu poprzedzającego, tekst paragrafu poprzedzającego...{{Centruj|Tekst wycentrowany|po=10px}}Tekst kolejnego paragrafu, tekst kolejnego paragrafu, |
Tekst paragrafu poprzedzającego, tekst paragrafu poprzedzającego... Tekst wycentrowany Tekst kolejnego paragrafu, tekst kolejnego paragrafu...
|
Tekst paragrafu poprzedzającego, tekst paragrafu poprzedzającego...{{Centruj|Tekst wycentrowany|przed=3em|po=2em}}Tekst kolejnego paragrafu, tekst kolejnego paragrafu, |
Tekst paragrafu poprzedzającego, tekst paragrafu poprzedzającego... Tekst wycentrowany Tekst kolejnego paragrafu, tekst kolejnego paragrafu...
|