Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Background-position 8 страница




 

Каскадные таблицы стилей CSS

 

Каскадные таблицы стилей или CSS (Cascading Style Sheets) были революцией, потрясшей WWW. Если до этого Web-дизайнер не знал, как будет выглядеть его творение в разных программах Web-обозревателей, то теперь он может контролировать все: от начертания шрифта до положения картинки на странице. Предположим, вам нужно изменить цвет текста в HTML-документе с черного на синий. Вы помещаете его в пару тегов <FONT> и </FONT> следующего вида: <P><FONT color="blue">Это синий текст</FONT></P> А теперь представим, что вы внесли определение внешнего вида текста в другое место документа: P.bluetext { color: blue } Эта строка обозначает, что мы определили для текста, находящегося внутри тега <P> и помеченного стилевым классом bluetext, синий цвет шрифта. Такая конструкция HTML называется определением стиля или просто стилем. В результате в HTML-тексте у нас остануться только теги логического форматирования текста: <P class="bluetext">Это синий текст</P> Здесь мы пометили нужный текст с помощью атрибута class, присвоив ему значение bluetext. Атрибут class задает имя стилевого класса для тега, и его поддерживают все теги. Вы можете переназначить цвета текста для всех тегов <P>. В этом случае мы не задаем имя стилевого класса: P { color: blue } Или вы можете задать форматирование для стилевого класса, не привязанного ни к какому тегу: .bluetext{ color: blue } И теперь вы можете присваивать стилевой класс тексту, заключенному в любые теги: <H1 class="bluetext">Это синий цвет</H1> <CENTER class="bluetext">Это синий цвет</CENTER> Это <B class="bluetext">жирный синий</B> текст Вы можете дать специальное форматирование тегу только в том случае, если он заключен внутрь другого тега: H7 B { color: blue } И теперь: <H7><B>Этот</B> текст будет синим</H7> <P>А <B>этот</B> - не будет!</P> Более того, вы можете встроить определение стиля прямо в тег: <P style="color: blue">Это синий текст</P> Это достигается при помощи атрибута style, который также поддерживают все теги HTML. И еще один способ привязать стиль к какому-либо тегу - использовать атрибут id, задающий уникальное имя элемента HTML. #headerofdocument { font-size: 20pt } Здесь мы задали размер шрифта 20 пунктов. <H1 id="headerofdocument">Это заголовок документа</H1> Вы можете задавать несколько атрибутов в определении стиля. В этом случае они разделяются точкой с запятой: P { color: blue; fotn-size: 9ptl; text-align: center } Определение стилей, вынесенные в заголовок HTML-документа, составляют таблицу стилей. Таблица стилей заключается в теги <STYLE> и </STYLE>: <Style [type="text/css"]>... </STYLE> Тег <STYLE> может содержать необязательный атрибут type, содержащий обязательное значение text/css. Таблицу стилей можно вынести в отдельный файл и использовать сразу в нескольких документах. В этом случае в заголовке HTML-документа необходимо разместить тег <LINK>, указывающий на эту таблицу стилей: <LINK rel="stylesheet" href="{Адрес файла таблицы стилей}">
Свойства шрифта

 

font Задает параметры шрифта элемента страницы. Заменяет атрибуты font-family, font-height, font-size, font-style, font-variant и font-weight. Значения этих атрибутов могут располагаться в любом порядке. font: {font-family} [{font-height}] [{font-size}] [{font-style}] [{font-variant}] [{font-weight}]; Значение по умолчанию - normal normal normal medium normal "Times New Roman". Альтернативный формат: font: caption|icon|menu|message-box|small-caption|status-bar; В этом случае доступны шесть предопределенных значений, задающие один из стандартных шрифтов, используемых в элементах интерфейса Windows:
  • font: caption; - шрифт заголовка кнопок, текстовых меток и т.п.;
  • font: icon; - шрифт подписей под пиктограммами;
  • font: menu; - шрифт пунктов меню;
  • font: message-box; - шрифт содержимого стандартных окон-предупреждений;
  • font: small-caption; - мелкий шрифт заголовков;
  • font: status-bar; - шрифт содержимого строки состояния.
Поддерживается IE начиная с 4.0 font-family Указывает имя шрифта или шрифтового семейства, используемого в элементе страницы. font-family: {Имя шрифта}|serif|san-serif|cursive|fantasy|monospace; В качестве значения этого атрибута задается либо непосредственно имя нужного шрифта, либо одно из пяти предопределенных значений, задающих имя шрифтового семейства. Можно задавать одновременно несколько шрифтов, разделив их имена запятыми; в этом случае Web-обозреватель сможет выбрать из них тот, который установлен на компьютере клиента. Если имя шрифта содержит пробелы, его следует взять в кавычки. font-family: "Times New Roman",sans-serif; Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 font-weight Задает "жирность" шрифта, используемого в элементе страницы. font-weight: normal|bold|bolder|lighter|100..900; "Жирность" может быть задана тремя способами. Во-первых, предопределенными значениями normal и bold, задающими обычное и жирное начертание соответственно. Во-вторых, относительными значениями bolder и lighter, делающими шрифт элемента страницы жирнее и светлее шрифта родителя. И, в-третьих, одним из девяти значений от 100 до 900; здесь нормальному начертанию соответствует значение 400, а жирному - 700.
  • font-weight: normal; - обычный;
  • font-weight: lighter; - светлее;
  • font-weight: bold; - жирный;
  • font-weight: bolder; - жирнее;
  • font-weight: от 100 до 900 - любое значение, кратное 100 (200,700).
Значение по умолчанию normal. Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. При этом IE 4.0 и более старые версии распознавали только значения normal и bold этого атрибута. Поддерживается NN начиная с 4.0 font-size Задает размер шрифта, используемого в элементе страницы. font-size: xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|{Абсолютный размер}|{Относительный размер}%; Возможно задание либо абсолютного размера шрифта в одной из поддерживаемых CSS единиц измерения, либо как процент от размера шрифта родителя. Также доступны девять определенных значений.
  • font-size: 200% - относительная величина (проценты)
  • font-size: 150px - размер в пикселях
  • font-size: 300pt - размер в пунктах
  • font-size: {xx-small,small,medium,large,x-large,xx-large} - задают один из семи размеров шрифтов, поддерживаемых HTML
  • font-size: {smaller,larger} - задают размер шрифта, который на размер либо больше, либо меньше родительского шрифта соответственно
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 font-style Задает начертание шрифта. font-style: normal|italic|oblique;
  • font-style: normal; - задает обычный вид шрифта (используется по умолчанию);
  • font-style: italic - курсивное начертание;
  • font-style: obligue - наклонное начертание (легкий наклон нормального шрифта) (IE отображает как курсив, а NN не поддерживает).
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4. font-variant Задает вид малых букв шрифта, используемого в элементе страницы. font-variant: normal|small-caps;
  • font-variant: normal; - задает обычный вид малых букв шрифта (используется по умолчанию);
  • font-variant: small-caps; - делает их такими же, как большие буквы, только меньшего размера (капитель).
Поддерживается IE начиная с 4.0
Цветовая гамма

 

  background Задает все свойства фона элемента страницы в один прием. Заменяет собой атрибуты background-attachment, background-color, background-image, background-position и background-repeat. background: [{background-color}] [{background-image}] [{background-repeat}] [{background-attachment}] [{background-position}]; Значения этих свойств могут располагаться в любом порядке. Значение по умолчанию transparent none repeat scroll 0% 0%. Поддерживается IE начиная с 3.02; задание значений background-position и background-repeat поддерживается начиная с 4.0 background-color Задает фоновый цвет Web-страницы или ее элемента. background-color: {Цвет}|transparent; Предопределенное значение transparent задает "прозрачный" фон. Оно же является значением по умолчанию. Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02 Поддерживается NN начиная с 4.0 background-image Задает фоновый рисунок Web-страницы или ее элемента. background-image: url({Интернет-адрес файла рисунка})|none; Предопределенное значение none отключает фоновый рисунок. Оно же является значением по умолчанию. Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02 Поддерживается NN начиная с 4.0 background-attachment Данный атрибут позволяет "зафиксировать" фоновый рисунок, чтобы он не прокручивался вместе с содержимым Web-страницы. background-attachment: scroll|fixed;
  • background-attachment: scroll; - фоновое изображение прокручивается вместе с содержимым страницы (значение по умолчанию);
  • background-attachment: fixed; - фоновое изображение фиксируется на одном месте и не прокручивается с содержимым страницы.
Применяется только для тега <BODY>. Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02 background-repeat Устанавливает порядок повторения фонового рисунка на Web-странице или ее элементе. Иногда этот атрибут необходим, чтобы занять все свободное пространство, если фоновый рисунок слишком мал, чтобы покрыть пространство без повторения. background-repeat: repeat|no-repeat|repeat-x|repeat-y;
  • background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
  • background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
  • background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
  • background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.
Поддерживается IE начиная с 4.0 background-position Задает местонахождение фонового рисунка. Это комбинированный атрибут, заменяющий атрибуты background-position-x и background-position-y. background-position: [{background-position-x}] [{background-position-y}]; Если задана только одна координата, то она считается горизонтальной, а для вертикальной принимается значение 50%. Значение по умолчанию 0% 0%. Поддерживается IE начиная с 4.0 background-position-x Задает горизонтальную координату фонового рисунка. background-position-x: {X}|{X}%|left|center|right; Координата может быть задана целым числом (абсолютная координата), процентом от соответствующего размера фонового рисунка (относительная координата) или предопределенным значением. Доступны три предопределенных значения: left, center, right, которые задают выравнивание фонового рисунка на странице по левому краю, по центру и по правому краю соответственно. Значение по умолчанию 0%. Поддерживается IE начиная с 4.0 background-position-y Задает вертикальную координату фонового рисунка. background-position-y: {Y}|{Y}%|top|center|bottom; Координата может быть задана целым числом (абсолютная координата), процентом от соответствующего размера фонового рисунка (относительная координата) или предопределенным значением. Доступны три предопределенных значения: top, center, bottom, которые задают выравнивание фонового рисунка на странице по верху, по центру и по низу страницы соответственно. Значение по умолчанию 0%. Поддерживается IE начиная с 4.0 scrollbar-3dlight-color Задает цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок. scrollbar-3dlight-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-arrow-color Задает цвет стрелок на кнопках полосы прокрутки. scrollbar-arrow-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-base-color Задает цвет бегунка и кнопок-стрелок полосы прокрутки. scrollbar-base-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-darkshadow-color Задает цвет "тени", отбрасываемой бегунком и кнопками прокрутки полосы прокрутки (цвет правых и нижних гранией). scrollbar-darkshadow-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-face-color Задает цвет бегунка и кнопок прокрутки полосы прокрутки. scrollbar-face-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-highlight-color Задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней). scrollbar-highlight-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-shadow-color Задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color. scrollbar-shadow-color: {Цвет}; Поддерживается IE начиная с 5.5 scrollbar-track-color Задает цвет рабочей части полосы прокрутки, т.е. той ее части, по которой перемещается бегунок. scrollbar-track-color: {Цвет}; Поддерживается IE начиная с 5.5
Свойства текста

 

  text-decoration Задает специальное оформление текста: подчеркнутый, зачеркнутый и т.п. text-decoration: none|underline|overline|line-through|blink;
  • text-decoration: none; - отменяет любое специальное оформление (значение по умолчанию для большинства тегов);
  • text-decoration: underline; - подчеркивает текст (значение по умолчанию для тегов <A>, <INS> и <U>);
  • text-decoration: overline; - черта сверху текста;
  • text-decoration: line-through; - зачеркивает текст (значение по умолчанию для тегов <DEL>, <S> и <STRIKE>);
  • text-decoration: blink; - мигание текста (отсутствует в IE)
  • text-decoration: uppercase - все буквы становятся заглавными;
  • text-decoration: lowercase - все буквы становятся маленькими (прописными);
  • text-decoration: capitalize - каждое слово в строке начинается с большой буквы.
Поддерживается IE начиная с 3.02 для текстовых элементов страницы и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 text-underline-position Задает местонахождение линии подчеркивания: выше или ниже текста. Имеет смысл, если атрибут text-decoration равен underline или overline. text-underline-position: below|above;
  • text-underline-position: below; - помещает линию подчеркивания под текстом (значение по умолчанию);
  • text-underline-position: above; - над текстом ("надчеркивание").
Поддерживается IE начиная с 5.5 text-align Определяет горизонтальное выравнивание текста. text-align: left|right|center|justify;
  • text-align: left; - выравнивание текста по левому краю (значение по умолчанию);
  • text-align: right; - выравнивание по правому краю;
  • text-align: center; - выравнивание по центру;
  • text-align: justify; - выравнивание по обоим краям (по ширине).
Поддерживается IE начиная с 3.02; значение justify поддерживается начиная с 4.0 Поддерживается NN начиная с 4.0 text-align-last Задает горизонтальное выравнивание последней строки абзаца. text-align-last: auto|inherit|left|right|center|justify;
  • text-align: auto; - выравнивает последнюю строку абзаца так же, как и остальные строки (основываясь на значении атрибута text-align) (значение по умолчанию);
  • text-align: inherit; - так же, как выровнен текст родителя;
  • text-align: left; - выравнивание текста по левому краю;
  • text-align: right; - выравнивание по правому краю;
  • text-align: center; - выравнивание по центру;
  • text-align: justify; - выравнивание по обоим краям (по ширине).
Поддерживается IE начиная с 5.5 text-indent Устанавливает отступ красной строки. text-indent: {Отступ}|{Отступ}%; Отступ может быть задан как абсолютной величиной, так и процентом от ширины родителя. Значение по умолчанию 0. Поддерживается IE и NN начиная с 4.0 text-height Интервал между строками текста. text-height: {Интервал}|{Интервал}%; Интервал может быть задан как абсолютной величиной, так и процентом от ширины родителя. Поддерживается IE и NN начиная с 4.0 text-transform Задает преобразование регистра символов текста. text-transform: none|capitalize|uppercase|lowercase;
  • text-transform: none; - отключает любые преобразования регистра символов (значение по умолчанию);
  • text-transform: capitalize; - преобразует первую букву каждого слова текста в верхний регистр;
  • text-transform: uppercase; - преобразует все символы текста в верхний регистр;
  • text-transform: lowercase; - в нижний регистр.
Поддерживается IE и NN начиная с 4.0 clear Определяет, с какой стороны элемента запрещено его обтекание другими элементами. Если установлено значение параметра float для этого элемента, свойство clear отменяет его действие для указанных сторон. 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 letter-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 Задает шаг горизонтальной разметки элемента страницы, используемой для вывода иероглифических текстов на китайском, корейском и японском языках.



Поделиться с друзьями:


Дата добавления: 2015-06-27; Просмотров: 380; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.012 сек.