Разделы сайта
Выбор редакции:
- Отслеживание сдэк Можно ли забрать посылку на складе сдэк
- Найти перо птицы: что сулит примета?
- Особенности увольнения женщины с ребенком Имеют ли право сокращать на производстве вдов
- Броненосцы типа "андрей первозванный" 254 мм пушки броненосца андрей первозванный
- Инсценировка музыкальной сказки для детей старшей группы (5—6 лет) I
- Организация (предприятие) и ее основные характеристики
- Селекция наука о создании новых пород животных Понятие о породе, сорт, штамм
- Патологоанатом, основные компетенции Различая в работе
- Управление социальной защиты населения на уровне муниципального образования введение
- Как узнать о плановой проверке моего предприятия
Реклама
Выравнивание по правому краю. Направление вывода текста: свойства 'direction' и 'unicode-bidi' |
Направление вывода текста: свойства "direction" и "unicode-bidi"Символы определенных в некоторых шрифтах пишутся справа налево. В некоторых документах, в частности, в документах на арабском языке или на иврите и в некоторых смешанных языковых контекстах текст в одном (визуально отображаемом) блоке может выводиться в различных направлениях. Такая ситуация обозначается термином "двунаправленность" или более коротким термином "bidi" от английского "bidirectionality". В стандарте Unicode описан сложный алгоритм для определения точного направления текста. Алгоритм состоит из неявной части, основывающейся на свойствах символов, и явной части, управляющей процессом вставки и переназначения. В спецификации CSS2 данный алгоритм используется для осуществления адекватного двунаправленного вывода текста. Свойства "direction" и "unicode-bidi" позволяют разработчикам указывать способы отображения множества элементов и атрибутов языка документа на множество понятий данного алгоритма. Если документ содержит символы, выводимые справа налево, а агент пользователя отображает эти символы (с использованием соответствующих глифов, а не произвольных заменителей типа вопросительных знаков, шестнадцатеричных кодов, черных прямоугольников и т.д.), то агент должен использовать алгоритм двунаправленного вывода. Это кажущееся на первый взгляд односторонним требование отражает тот факт, что документы, использующие написание справа налево, чаще содержат текст, набранный в противоположном направлении (например, числа или текст на другом языке), чем те документы, в которых основным направлением написания является направление слева направо. Однако следует заметить, что не все документы на арабском языке или на иврите содержат разные направления текста. Т.к. направление текста зависит от строения и семантики языка документа, данные свойства должны преимущественно использоваться создателями описаний типов документов (DTD) или разработчиками специальных документов. Если в основной таблице стилей указаны данные свойства, то разработчики и пользователи не должны вводить переназначающие их правила. Типичное исключение составляет свойство bidi, которое по запросу пользователя может быть переназначено и использовано агентом для транслитерации идиша (как правило, написанного буквами иврита) латинскими буквами. В спецификации языка HTML 4.0 (, раздел 8.2) определяется тип поведения элементов HTML при двунаправленном выводе текста. Конформные пользовательские агенты, управляющие выводом HTML-документов, могут игнорировать свойства "direction" и "unicode-bidi" в таблицах стилей разработчиков и пользователей. Правила таблицы стилей, управляющие двунаправленным выводом текста, определенным в описании , представлены в примере таблицы стилей. Спецификация языка HTML 4.0 включает и другую информацию об использовании разных направлений вывода текста. "direction"Значение: ltr | rtl | inherit Данное свойство задает основное направление написания, используемое в блоках, направление вставок и переназначений (см. "unicode-bidi") для алгоритма двунаправленного вывода, используемого в Unicode. Оно также задает направление вывода столбцов таблицы, направление горизонтального переполнения и положение неполной последней строки в блоке в случае, если используется выравнивание "text-align:justify". ltrНаправление слева направо. rtlНаправление справа налево. Чтобы свойство "direction" могло влиять на элементы строкового уровня, свойству "unicode-bidi" необходимо присвоить значение "embed" или "override". Примечание. Если свойство "direction" применяется к элементам столбцов таблицы, то оно не наследуется ячейками столбца, т.к. столбцы не существуют в дереве документа. Поэтому в CSS не существует простого способа конструирования правил наследования атрибута "dir". "unicode-bidi"Значение: normal | embed | bidi-override | inherit Значения данного свойства имеют следующий смысл: normalСогласно алгоритму двунаправленного вывода элемент не создает нового дополнительного уровня вставки. Для элементов строкового уровня неявная перегруппировка выполняется только в пределах его границ. embedЕсли элемент является элементом строкового уровня, то данное значение разрешает создание дополнительного уровня вставки согласно алгоритму двунаправленного вывода. Направление данного уровня вставки задается свойством "direction". Внутри элемента перегруппировка выполняется неявно. Это соответствует добавлению LRE (U+202A; для "direction: ltr") или RLE (U+202B; для "direction: rtl") в начало элемента и PDF (U+202C) в конец элемента. < bidi-overrideЕсли элемент является элементом строкового уровня или элементом уровня блока, который содержит только элементы строкового уровня, то данное значение создает переназначение. Это значит, что внутри элемента перегруппировка осуществляется в строгом порядке согласно свойству "direction", а неявная часть алгоритма двунаправленного вывода игнорируется. Это соответствует добавлению LRO (U+202D; для "direction: ltr") или RLO (U+202E; для "direction: rtl") в начало элемента и добавлению PDF (U+202C) в конец элемента. В конечном итоге порядок следования символов, выработанный в каждом элементе уровня блока, будет совпадать с тем, который получится в результате добавления управляющих кодов bidi, как это было описано ранее, удаления разметки и подачи получившейся в результате этого последовательности символов в модуль, реализующий алгоритм двунаправленного вывода неформатированного текста, в котором используется то же самое разбиение на строки, что и в форматированном тексте. При этом нетекстовые элементы, например, изображения, рассматриваются как нейтральные символы, если только для свойства "unicode-bidi" не установлено значение "normal". В последнем случае элементы будут рассматриваться как символы в направлении, указанном в свойстве "direction" элемента. Следует помнить, что для обеспечения возможности вывода строковых блоков в одном направлении (или всегда слева направо, или всегда справа налево) может понадобиться создание дополнительных строковых блоков (включая безымянные строковые блоки), а также разбивка и перегруппировка некоторых строковых блоков. Т.к. для алгоритма, используемого в Unicode, установлено ограничение в 15 уровней вставки, рекомендуется не использовать свойство "unicode-bidi" со значением, отличным от "normal", если в этом нет острой необходимости. В частности, значение свойства "inherit" следует использовать очень осторожно. Тем не менее, для элементов, которые будут отображаться в виде блоков, рекомендуется указать "unicode-bidi: embed", чтобы сохранить целостность элемента в том случае, если его вывод будет осуществляться по строкам (см. пример ниже). В следующем примере показан XML-документ с двунаправленным выводом текста. Он иллюстрирует важный принцип: дизайнерам DTD следует учитывать свойство bidi как для корректных элементов и атрибутов языка документа, так и для всех сопутствующих таблиц стилей. Таблицы стилей должны создаваться таким образом, чтобы правила bidi были отделены от других правил стилей. Правила bidi не должны переназначаться другими таблицами стилей для сохранения bidi-поведения языка документа или DTD. В этом примере буквы нижнего и верхнего регистра обозначают символы, наследующие направление вывода слева направо и справа налево, соответственно:
Поскольу это XML, то за установление направления написания ответственна таблица стилей. Она приведена ниже:
/* Правила для bidi */ Элемент HEBREW является блоком с направлением написания справа налево, элемент RUSSIAN - это блок с направлением написания слева направо. Элементы PAR - это блоки, которые наследуют основное направление написания у своих родительских элементов. Таким образом, первые два элемента PAR начинаются с верхней правой стороны, а последние три начинаются с верхней левой стороны. Помните, что названия элементов HEBREW и RUSSIAN выбраны только для примера; как правило, названия элементов должны отображать структуру, не ссылаясь на язык. Элемент EMPH является элементом строкового уровня, и поскольку его свойство "unicode-bidi" имеет значение "normal" (начальное значение), то он не влияет на упорядочение текста. А элемент HE-QUO создает вставки. Форматирование этого текста может иметь следующий вид при большой длине строки: 5ТИРВИ 4ТИРВИ русский3 2ТИРВИ 1ТИРВИ Помните, что в случае вставки HE-QUO элемент ИВРИТ18 будет расположен справа от элемента русский19. 2ТИРВИ 1ТИРВИ ВИ 7ТИРВИ 6ТИРВИ русский9 русский10 рус- русский14 русский15 русский17 18ТИРВИ Т.к. элемент ИВРИТ18 должен читаться до элемента русский19, то он находится на одну строку выше него. Простое разбиение длинной строки при прежнем форматировании не дало бы результатов. Необходимо учесть, что первый слог элемента русский19 мог бы находиться на предыдущей строке, но разбивка по слогам слов, написанных слева направо, в контексте написания справа налево, и наоборот, обычно не используется во избежание появления дефиса в середине строки.
Как выровнять картинку по правому краюДлинный абзац с несколькими предложениями. Он содержит текст, характеризующий помеченное флажком свойство, и изображение, которое нужно прижать к краю правой стороны. Оно вынимает элемент из потока и прижимает к краю левой или правой стороны родителя. Элементы и текст, расположенные в коде после float-элемента, обтекают его с противоположной стороны. Не наследуется, применяется ко всем элементам. вынимает элемент из потока и располагает поверх остального содержимого. Его можно перемещать относительно границ родителя, у которого значение position отлично от static , с помощью свойств top , right , bottom , left . При direction: ltr; свойство left имеет приоритет над свойством right , кроме случаев, когда свойство left имеет значение auto . Длинный абзац с несколькими предложениями. Он содержит текст, характеризующий помеченное флажком свойство, и изображение, которое нужно прижать к краю правой стороны.
Свойство
text-align наследуется, применяется к блочным элементам. Выравнивает все содержащиеся в них строчные элементы и текст по горизонтали. Оно не перемещает сам элемент и не передвигает блоки, не работает, если задано строчному элементу. У него есть несколько значений, в том числе right , позволяющих сдвигать содержимое вправо.Свойство
margin-left не наследуется, применяется ко всем элементам. У него есть значение auto , которое выравнивает блочный элемент по горизонтали. А именно margin-left: auto; прижимает элемент к правому краю родителя. Это положение может изменяться свойством margin-right ..html">При margin-left: auto; и margin-right: auto; элемент размещается по центру ширины предка.Свойство
float не наследуется, применяется ко всем элементам. Оно вынимает элемент из потока и прижимает к краю левой или правой стороны родителя. Элементы и текст, расположенные в коде после float-элемента, обтекают его с противоположной стороны.Свойство
position не наследуется, применяется ко всем элементам. position: absolute; вынимает элемент из потока и располагает поверх остального содержимого. Его можно перемещать относительно границ родителя, у которого значение position отлично от static , с помощью свойств top , right , bottom , left . При direction: ltr; свойство left имеет приоритет над свойством right , кроме случаев, когда свойство left имеет значение auto .Свойство
display не наследуется, применяется ко всем элементам..html">тегу table , а table-cell — td .Как выровнять текст по правому краюКороткий текст справа
Короткий текст справа
Похожие материалы:
Как выровнять блок по правому краю
HTML код
Элемент не влияет ни на высоту, ни на ширину родителя, не вызывает его переполнения.
HTML код
Текст
Элемент не влияет на высоту родителя, если не очистить float .
HTML код
Текст
HTML код
Как выровнять несколько блоков по правому краю
код HTML
Описаниеdirection предназначен для сайтов, в которых имеет значение направление текста. Например, при использовании арабского алфавита чтение происходит справа налево. Свойство direction достаточно универсально и управляет следующими возможностями:
Для использования со встроенными элементами, значение свойства unicode-bidi должно быть задано как embed или override . Синтаксисdirection: ltr | rtl | inherit Значенияltr Устанавливает направление слева направо. rtl Задает направление справа налево. inherit Наследует значение родителя.XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx
Велосипед уже изобрели, различные приемы верстки тоже.
Так что больше знакомься с мировым опытом по части верстки и тебе не придется
тратить время на разработку того, что всем давно известно.
Результат данного примера показан на рис. 1. Обратите внимание на положение точки в предложении, а также на то, что полоса прокрутки в браузере Internet Explorer отображается слева. Рис. 1. Результат использования direction в браузере Internet Explorer HTML5 CSS 2.1 IE Cr Op Sa Fx
Результат данного примера показан на рис. 2. Колонки таблицы отображается справа налево. Рис. 2. Применение direction к таблице БраузерыПри добавлении свойства direction со значением rtl к блоку с полосой прокрутки (например, |
Читайте: |
---|
Популярное:
Особенности увольнения руководителя организации |
Новое
- Найти перо птицы: что сулит примета?
- Особенности увольнения женщины с ребенком Имеют ли право сокращать на производстве вдов
- Броненосцы типа "андрей первозванный" 254 мм пушки броненосца андрей первозванный
- Инсценировка музыкальной сказки для детей старшей группы (5—6 лет) I
- Организация (предприятие) и ее основные характеристики
- Селекция наука о создании новых пород животных Понятие о породе, сорт, штамм
- Патологоанатом, основные компетенции Различая в работе
- Управление социальной защиты населения на уровне муниципального образования введение
- Как узнать о плановой проверке моего предприятия
- Да уж, теперь не разгонишься