clear: none|left|right|all;
Атрибут задається для тексту, а не для елементу сторінки, який він "обтікатиме".
clear: none; - дозволяє тексту "обтікати" елемент сторінки (значення за умовчанням);
clear: left; - забороняє тексту "обтікати" елемент сторінки з лівого боку;
clear: right; - з правого боку;
clear: all; - з обох боків.
Підтримується IE і NN починаючи з 4.0
word-spacing - визначає додаткова відстань між словами в тексті.
word-spacing: normal|{ Величина};
Значення цього атрибуту може бути задане або абсолютною величиною в одній з підтримуваних CSS одиниць вимірювання, або зумовленим значенням normal, задаючим стандартну величину відстані між символами.
Значення за умовчанням normal.
Підтримується IE починаючи з 4.0
word-wrap - встановлює, чи буде рядок, що виходить за межі елементу сторінки і не містить пропусків, переноситися по словах.
word-wrap: normal|break-word;
word-wrap: normal; - забороняє переносити рядки по словах (значення за умовчанням);
word-wrap: break-word; - вирішує.
Підтримується IE починаючи з 5.5
word-mode - задає напрям рядків тексту: горизонтальне або вертикальне.
word-mode: lr-tb|tb-rl;
word-mode: lr-tb; - задає звичайне горизонтальне розташування рядків тексту; текст пишеться зліва направо і зверху вниз (значення за умовчанням);
word-mode: tb-rl; - повертає текст на 90° за годинниковою стрілкою; при цьому він писатиметься зверху вниз і справа наліво.
Підтримується IE починаючи з 5.5
leter-spacing - визначає відстань між символами в тексті.
letter-spacing: normal|{ Величина};
Значення цього атрибуту може бути задане або абсолютною величиною в одній з підтримуваних CSS одиниць вимірювання, або зумовленим значенням normal, задаючим стандартну величину відстані між символами.
Значення за умовчанням normal.
Підтримується IE починаючи з 4.0
line-height - задає вертикальну відстань між рядками тексту.
line-height: normal|{Y}|{Y}%;
Висота може бути задана як абсолютною величиною, так і відсотком від висоти.
Зумовлене значення normal задає стандартна відстань.
Значення за умовчанням normal.
Підтримується IE і NN починаючи з 4.0
direction - задає порядок читання тексту: зліва направо або справа наліво.
direction: ltr|rtl|inherit;
direction: ltr; - задає порядок читання зліва направо (значення за умовчанням);
direction: rtl; - справа наліво;
direction: inherit; - примушує успадковувати порядок читання.
Для документів, складених на європейських мовах, порядок читання завжди зліва направо (ltr).
Підтримується IE починаючи з 5.0
unicode-bidi - задає поведінку вбудованих елементів при зміні надсилання листа за допомогою атрибуту direction.
unicode-bidi: normal|embed|bidi-override;
unicode-bidi: normal; - змінює надсилання листа (використовується за умовчанням);
unicode-bidi: embed; - змінює надсилання листа тільки у вбудованого елементу;
unicode-bidi: bidi-override; - аналогічно embed за тим виключенням, що надсилання листа змінюється згідно значенню атрибуту direction, незалежно від локальних установок Web-оглядача.
Підтримується IE починаючи з 5.0
accelerator - дозволяє вказати, чи містить текст елементу сторінки клавішу-прискорювач.
accelerator: true|false;
Клавіша-прискорювач - це особлива клавіша на клавіатурі, при натисненні якої разом з клавішею <Alt> відбувається перехід до даного елементу сторінки.
accelerator: true; - вказує, що текст містить клавішу-прискорювач;
accelerator: false; - не містить.
Значення за умовчанням не має.
Приклад використання:
<LABEL for="txtName"><U style="accelerator: true">И</U>мя</LABEL>
<INPUT type="text" id="txtName" accesskey="B" value="Имя користувача">
В цьому випадку символ "И" в слові "Ім'я" буде підкреслений. Якщо в регіональних налагодженнях операційної системи Windows 2000 була вибрана опція Приховати індикатори клавіш-прискорювачів до натиснення Alt, цей символ не буде підкреслений, поки користувач не натисне клавішу <Alt> на клавіатурі.
Підтримується IE починаючи з 5.0
Властивості тексту, що містить ієрогліфи
text-justify - задає тип тексту по ширині. Значення атрибуту text-align при цьому повинне бути рівне justify.
text-justify: auto|newspaper|distribute|distribute-all-lines|distribute-center-last|inter-word|inter-ideograph|inter-cluster|kashida;
text-justify: auto; - віддає управління вирівнюванням по ширині на розсуд Web-оглядача (використовується за умовчанням);
text-justify: newspaper; - вирівнює рядки, змінюючи відстань між словами і між символами;
text-justify: distribute; - аналогічно newspaper і призначено для азіатських мов (тайський і ін.);
text-justify: distribute-all-lines; - аналогічно distribute за тим виключенням, що останній рядок абзацу піддається повному вирівнюванню. Призначено для ієрогліфічних мов;
text-justify: distribute-center-last; - не реалізовано;
text-justify: inter-word; - вирівнює рядки, змінюючи тільки відстань між словами;
text-justify: inter-ideograph; - вирівнює рядки ієрогліфічного тексту, змінюючи відстані між словами і між ієрогліфами;
text-justify: inter-cluster; - вирівнює рядки тексту на азіатських мовах, що не містять пропусків між словами;
text-justify: kashida; - вирівнює рядки тексту на арабській мові, змінюючи ширину самих символів.
Підтримується IE починаючи з 5.0
text-autospace - дозволяє встановити, чи додаватиме додатковий простір між фрагментами тексту, написаними на різних мовах.
text-autospace: none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space;
text-autospace: none; - забороняє додавати додатковий простір між фрагментами тексту (використовується по умочанію);
text-autospace: ideograph-alpha; - додає додатковий простір між ієрогліфічними і неієрогліфічними (літінськимі, киріллістічеськимі, грецькими і т.д.) фрагментами тексту;
text-autospace: ideograph-numeric; - додає додатковий простір між ієрогліфічним текстом і цифрами;
text-autospace: ideograph-parenthesis; - додає додатковий простір між ієрогліфічним текстом і круглими дужками;
text-autospace: ideograph-space; - збільшує ширину пропусків, що граничать з ієрогліфічним текстом.
Підтримується IE починаючи з 5.0
text-kashida-space - задає відсоток, на який розширюватимуться символи арабської мови при вирівнюванні тексту по ширині. Можна використовувати тільки, якщо атрибут text-justify рівний auto, distribute, kashida або newspaper.
text-kashida-space: { Розширення}%|inherit;
Величина відступу може бути задана як відсоток вільного простору між символами, на який вони можуть розширюватися. Значення 0% (використовується за умовчанням) означає, що розширення символів неприпустимо, а замість них розширюватиметься вільний простір; значення 100% - що допустиме розширення тільки символів, але не вільного простору.
Підтримується IE починаючи з 5.5
line-break - задає правила розриву рядків для тексту на японській мові.
line-break: normal|strict;
line-break: normal; - задає звичайні правила розриву японського тексту (значення за умовчанням);
line-break: strict; - задає строгі правила.
Підтримується IE починаючи з 5.0
word-break - включає або відключає підтримку перенесення рядків по словах (а не тільки по пропусках) для текстів, що містять фрагменти на різних мовах.
word-break: normal|break-all|keep-all;
word-break: normal; - дозволяє рядкам "розриватися" по слову (використовується за умовчанням);
word-break: break-all; - призначено для текстів на азіатських мовах з невеликими іншомовними фрагментами;
word-break: keep-all; - призначено для текстів, що включають фрагменти на ієрогліфічних мовах.
Підтримується IE починаючи з 5.0
ime-mode - задає стан IME (Input Method Editor - редактор способу введення), за допомогою якого вводяться ієрогліфічні тексти на китайській, корейській і японській мовах. Цей атрибут застосовується тільки для полів введення.
ime-mode: auto|active|inactive|disabled;
ime-mode: auto; - передає управління IME Web-оглядачеві (значення за умовчанням);
ime-mode: active; - активізує IME. Користувач може його деактівізіровать;
ime-mode: inactive; - деактівізіруєт IME. Користувач може його активізувати;
ime-mode: disabled; - відключає IME.
Підтримується IE починаючи з 5.0
layout-flow - задає напрям написання тексту: по горизонталі або по вертикалі.
layout-flow: horizontal|vertical-ideographic;
layout-flow: horozontal; - задає горизонтальний напрям написання тексту (значення за умовчанням);
layout-flow: vertical-ideographic; - вертикальний напрям написання тексту.
Підтримується IE починаючи з 5.5. В даний час визнаний застарілим; замість нього рекомендується використовувати атрибут writing-mode.
layout-grid - задає параметри розмітки елементу сторінки, використовуваної для виведення ієрогліфічних текстів на китайській, корейській і японській мовах. Замінює атрибути layout-grid-char, layout-grid-line, layout-grid-mode і layout-grid-type.
layout-grid: [{layout-grid-char}] [{layout-grid-line}] [{layout-grid-mode}] [{layout-grid-type}]
Значення цих атрибутів можуть розміщуватись у будь-якому порядку.
Значення за умовчанням - both loose none none.
Підтримується IE починаючи з 5.0
layout-grid-char - задає крок горизонтальної розмітки елементу сторінки, використовуваної для виведення ієрогліфічних текстів на китайській, корейській і японській мовах.
layout-grid-char: none|auto|{Y}Y}%;
Крок розмітки може бути заданий як абсолютною величиною, так і відсотком від кроку розмітки. Зумовлене значення auto примушує Web-оглядач встановлювати крок розмітки по максимальному символу тексту. Інше зумовлене значення none взагалі відключає розмітку.
Значення за умовчанням - none.
Підтримується IE починаючи з 5.0
layout-grid-line - задає крок вертикальної розмітки елементу сторінки, використовуваної для виведення ієрогліфічних текстів на китайській, корейській і японській мовах.
layout-grid-line: none|auto|{Y}Y}%;
Крок розмітки може бути заданий як абсолютною величиною, так і відсотком від кроку розмітки батька. Зумовлене значення auto примушує Web-оглядач встановлювати крок розмітки по максимальному символу тексту. Інше зумовлене значення none взагалі відключає розмітку.
Значення за умовчанням - none.
Підтримується IE починаючи з 5.0
layout-grid-mode - задає тип розмітки елементу сторінки, використовуваної для виведення ієрогліфічних текстів на китайській, корейській і японській мовах.
layout-grid-mode: both|none|char|line;
layout-grid-mode: both; - задає використання і горизонтальною, і вертикальною розміток (використовується за умовчанням);
layout-grid-mode: none; - відключає розмітку;
layout-grid-mode: char; - задає використання горизонтальної розмітки;
layout-grid-mode: line; - задає використання вертикальної розмітки.
Підтримується IE починаючи з 5.0
layout-grid-type - задає режим форматування ієрогліфічних текстів на китайській, корейській і японській мовах з використанням розмітки елементу сторінки.
layout-grid-type: loose|strict|fixed;
layout-grid-type: loose; - задає "гнучке" форматування, використовуване для корейських і японських текстів (використовується за умовчанням);
layout-grid-type: strict; - задає строгіше форматування, використовуване для китайських, корейських і японських текстів;
layout-grid-type: fixed; - задає найстрогіше форматування, коли символи жорстко прив'язуються до розмітки.
Підтримується IE починаючи з 5.0
Завдання:
1.Створити сторінку в яку помістити довільний текст.
2.Відформатувати різні ділянки тексту засобами HTML
3.Ті ж ділянки відформатувати тільки засобами CSS усередині документа
4.Створити файл style.css у якому описати всі стилі форматування, потім його використовувати в форматуванні документа
Контрольнi запитання.
Якi вам вiдомi стилi документiв? Що насправдi вкладують в змiст поняття - каскадні таблиці стилів або CSS?
Як перепризначити кольори тексту для всіх тегiв?
Як задати параметри шрифту елементу сторінки. Якими атрибутами можна змiнити
цi параметри?
4. Назвати властивості тексту, що містить ієрогліфи.