!! Стили текста

!!! Содержание
** [[Синтаксис для задания стиля -> #syntax]]
** [[Именованные стили -> #stylename]]
** [[Установка цвета текста -> #color]]
** [[Установка цвета фона -> #bgcolor]]
** [[Дополнительные настройки стиля -> #css]]
** [[Комбинация всего вышеперечисленного -> #all]]

!!! [[#syntax]]Синтаксис для установки стиля
Для оформления текста на викистраницах предусмотрена специальная команда для установки стиля текста (не путать со [[стилями страницы -> page://styles]]). Общий формат команды для установки стиля выглядит следующим образом: %code%[=%параметры%текст%%=]%%. Эту команду можно применять для оформления блока текста (блоковый стиль) или текста внутри абзаца (строчный стиль).

Блоковый стиль задаётся с помощью команды

%code%
[=%параметры%
текст с оформлением
%%=]
%%

Важно, чтобы строки %code%[=%параметры стиля%=]%% и %code%[=%%=]%% начинались с начала строки, то есть перед ними не должно быть пробелов.

Строчный стиль задаётся с помощью конструкции, которая может быть использована внутри текста.

%code%
[=%параметры%текст%%=]
%%


Внутри строчной команды %code%[=%...%...%%=]%% не должно быть переносов строк за исключением команды %code%[=[[<<]]=]%%. Блоковый стиль может содержать множество строк и абзацев.

В обоих форматах команд параметры стиля могут содержать следующие элементы:

* [[Имя стиля -> #stylename]].
* [[Цвет текста -> #color]].
* [[Цвет фона -> #bgcolor]].
* [[Собственные настройки стиля -> #css]].
* [[Комбинацию всего вышеперечисленного -> #all]].

!!! [[#stylename]] Именованные стили
Программа OutWiker содержит множество встроенных строчных и блоковых стилей, их полный список можно увидеть в диалоге для выбора стиля (пункт меню %notice%Вики - Форматирование - Стиль текста...%%) или в разделе [[Встроенные стили и цвета -> page://builtinstyles]]. 

Например:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%notice%Текст со стилем notice%%=]%%. Опять обычный текст. ||Обычный текст. %notice%Текст со стилем notice%%. Опять обычный текст. ||


!!! [[#color]] Установка цвета текста
Вместо имени стиля можно указывать цвета - по имени или в форматах%code%[=#RRGGBB=]%%, %code%[=#RGB=]%%, %code%rgb(r,g,b)%%. Список встроенных имён цветов приводится в разделе [[Встроенные цвета -> page://builtinstyles/#colors]]. 

Например:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%blue%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %blue%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%#A2F%Текст со стилем%%=]%%. Опять обычный текст.||Обычный текст. %#A2F%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%#15acac%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %#15acac%Текст со стилем%%. Опять обычный текст. ||


Также цвет можно задавать с помощью параметра %code%color%%:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%color=blue%Текст со стилем%%=]%%. Опять обычный текст. || Обычный текст. %color=blue%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%color="#A2F"%Текст со стилем%%=]%%. Опять обычный текст. || Обычный текст. %color="#A2F"%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%color="#15acac"%Текст со стилем%%=]%%. Опять обычный текст. || Обычный текст. %color="#15acac"%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%color="rgb(200, 90, 128)"%Текст со стилем%%=]%%. Опять обычный текст. || Обычный текст. %color="rgb(200, 90, 128)"%Текст со стилем%%. Опять обычный текст. ||


!!! [[#bgcolor]] Установка цвета фона
Для установки цвета фона части строки или блока предусмотрено несколько вариантов.

Если вы ходите установить в качестве цвета фона один из стандартных [[именованных цветов -> page://builtinstyles/#colors]], то достаточно указать имя цвета, добавив приставку %code%bg_%% или %code%bg-%%. Например:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%bg-yellow%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %bg-yellow%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%bg_aqua%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %bg_aqua%Текст со стилем%%. Опять обычный текст. ||

Также для указания цвета фона можно использовать параметр %code%bgcolor%%, который позволяет устанавливать цвета не только по имени, но также использовать формат %code%[=#RGB=]%%, %code%[=#RRGGBB=]%% и %code%rgb(r,g,b)%%:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%bgcolor="#AB6"%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %bgcolor="#AB6"%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%bgcolor="#AA66CC"%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %bgcolor="#AA66CC"%Текст со стилем%%. Опять обычный текст. ||
||Обычный текст. %code%[=%bgcolor="rgb(200, 90, 128)"%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %bgcolor="rgb(200, 90, 128)"%Текст со стилем%%. Опять обычный текст. ||


!!! [[#css]] Дополнительные настройки стиля

Вы можете применить к участку текста или блоку произвольный стиль CSS с помощью параметра %code%style%%.

Например:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%style="font-weight: bold; border: 1px solid;"%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %style="font-weight: bold; border: 1px solid;"%Текст со стилем%%. Опять обычный текст. ||


!!! [[#all]] Комбинация всего вышеперечисленного

Все параметры, которые были были указаны выше могут быть использованы одновременно. Также к тексту можно применять несколько стилей. 

Например:

|| border=1 style="border-collapse: collapse; border: 1px solid black;"
|| '''Викинотация''' || '''Результат''' ||
||Обычный текст. %code%[=%blue bg-yellow style="font-weight: bold; border: 1px solid;"%Текст со стилем%%=]%%. Опять обычный текст. ||Обычный текст. %blue bg-yellow style="font-weight: bold; border: 1px solid;"%Текст со стилем%%. Опять обычный текст. ||

----
'''См. также:'''
* page://builtinstyles
* page://customstyles
* page://wiki-format-text