unicode-bidi | htmlbook.ru
Management
Значения свойств
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 2.0+ | 9.2+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
| Значение по умолчанию | normal |
|---|---|
| Наследуется | Нет |
| Применяется | Ко всем элементам |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi |
Версии CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Описание
В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном документе разных по написанию символов (русского с ивритом, к примеру) в системе юникод, их направление определяется браузером из характеристик и содержимого текста.
Свойства unicode-bidi и direction задают, как должен располагаться текст используемого языка.
Синтаксис
unicode-bidi: normal | embed | bidi-override | inherit
Значения
- normal
- Браузер самостоятельно определяет, как ему следует отображать текст на основе символов юникода.
- embed
- Переопределяет параметры текста, располагая его, как указано в свойстве direction.
- bidi-override
- Аналогичен embed, но при этом также меняется порядок символов в тексте, подчиняясь значению direction.
- inherit
- Наследует значение родителя.
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>unicode-bidi</title>
<style>
.rtl p {
unicode-bidi: bidi-override; /* Меняются характеристики текста */
direction: rtl; /* Текст пишется справа налево */
}
</style>
</head>
<body>
<div>
<p>А роза упала на лапу Азора.
</p>
<p>У лип Леша нашел пилу.</p>
<p>И городу дорог огород у дороги.</p>
<p>Уж я веники не вяжу.</p>
<p>Аргентина манит негра.</p>
<p>Он дивен, палиндром — и ни морд, ни лап не видно.</p>
<p>Но невидим архангел, мороз узором лег на храм и дивен он.</p>
<p>Леша на полке клопа нашел.</p>
<p>Я не стар брат Сеня.</p>
</div>
</body>
</html>
Результат данного примера показан на рис. 1. Поскольку используется значение bidi-override свойства unicode-bidi, то порядок символов в тексте меняется на обратный. А именно на тот, что указан свойством direction. Заметьте, что текст располагается по правому краю окна, точка в предложении слева от текста.
Рис. 1. Результат использования unicode-bidi и direction
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.
Текст
CSS по теме
- unicode-bidi
Статьи по теме
- Направление текста
Статьи по теме
Рецепты CSS
unicode-table/index.
html at master · yoksel/unicode-table · GitHubPermalink
masterA tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
Cannot retrieve contributors at this time
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
Show hidden characters
| — | |
| layout: nil | |
| layout_type: mainpage | |
| — | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=»utf-8″> | |
| <meta name=»description» content=»Таблица символов Юникода» /> | |
| <title>Таблица символов Юникода</title> | |
<link rel=»stylesheet» href=»styles. css» /> | |
| <meta name=»viewport» content=»width=device-width,, initial-scale=1.0″> | |
| </head> | |
| <body> | |
| <div> | |
| <header> | |
| <h2>✪ Символы Юникода ✪</h2> | |
| </header> | |
| <main> | |
| <div> | |
<p>Страница была сделана из любопытства с целью увидеть максимальное количество символов юникода. </p> | |
| <p>Для использования символа в HTML скопируйте код из <span>зелёного поля</span>, для использования в CSS — из <span>голубого</span>.</p> | |
| <p>Кликните по символу, чтобы посмотреть как он поддерживается в разных шрифтах.</p> | |
| </div> | |
| <header> | |
| {% include select-blocks.html %} | |
| <h4>Блоки Юникода</h4> | |
| </header> | |
| <div> | |
Загрузка. .. | |
| </div> | |
| </div> | |
| </main> | |
| <aside> | |
| {% include aside.html %} | |
| </aside> | |
| </div> | |
| <script src=»useful-symbols.js»></script> | |
| <script src=»script.js»></script> | |
{% include counter. html %} | |
| </body> | |
| </html> |
символов Unicode — HTML Symbols
Symbol
HTML CODE
HTML ENTITY
CSS CODE
HEX CODE
UNICODE
Описание
␀
HTMODE
␀
HTMODE
0203
␀
HTMODE
2␀
HTMODE
.
СУЩНОСТЬ
КОД CSS
\0000ШЕСТНАДЦАТЕРИЧНЫЙ КОД
�UNICODE
U+0000null
␁
КОД HTML
СУЩНОСТЬ
КОД CSS
\0001ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0001начало заголовка
␂
КОД HTML
СУЩНОСТЬ
КОД CSS
\0002ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0002начало текста
␃
КОД HTML
ENTITY
КОД CSS
\0003ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0003конец текста
␄
КОД HTML
СУЩНОСТЬ
КОД CSS
\0004ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0004конец передачи
␅
КОД HTML
ENTITY
КОД CSS
\0005ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0005запрос
␆
КОД HTML
СУЩНОСТЬ
КОД CSS
\0006ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0006подтверждение
␇
КОД HTML
СУЩНОСТЬ
КОД CSS
\0007Шестнадцатеричный код
UNICODE
U+0007звонок
␈
КОД HTML
СУЩНОСТЬ
КОД CSS
\0008ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0008backspace
␉
КОД HTML
СУЩНОСТЬ
КОД CSS
\0009Шестнадцатеричный код
UNICODE
U+0009табуляция символов
␊
КОД HTML
СУЩНОСТЬ
КОД CSS
\000AШестнадцатеричный код
UNICODE
U+000Aперевод строки (lf)
␋
КОД HTML
СУЩНОСТЬ
КОД CSS
\000BШестнадцатеричный код
UNICODE
U+000Bпострочная таблица
␌
КОД HTML
СУЩНОСТЬ
КОД CSS
\000CШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+000Cподача страницы (ff)
␍
КОД HTML
СУЩНОСТЬ
КОД CSS
\000DШестнадцатеричный код
UNICODE
U+000Dвозврат каретки (cr)
␎
КОД HTML
СУЩНОСТЬ
КОД CSS
\000EШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+000Eсдвиг наружу
␏
КОД HTML
СУЩНОСТЬ
КОД CSS
\000FШестнадцатеричный код
UNICODE
U+000Fсдвиг в
␐
КОД HTML
СУЩНОСТЬ
КОД CSS
\0010ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0010экранирование канала передачи данных
␑
КОД HTML
СУБЪЕКТ
КОД CSS
\0011Шестнадцатеричный код
UNICODE
U+0011управление устройством 1
␒
КОД HTML
СУЩНОСТЬ
КОД CSS
\0012ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0012управление двумя устройствами
␓
КОД HTML
СУЩНОСТЬ
КОД CSS
\0013Шестнадцатеричный код
UNICODE
U+0013управление устройством три
␔
КОД HTML
СУЩНОСТЬ
КОД CSS
\0014ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0014управление устройством четыре
␕
КОД HTML
ОБЪЕКТ
КОД CSS
\0015Шестнадцатеричный код
UNICODE
U+0015отрицательное подтверждение
␖
КОД HTML
СУЩНОСТЬ
КОД CSS
\0016ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0016синхронный холостой ход
␗
КОД HTML
ENTITY
КОД CSS
\0017ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0017конец блока передачи
␘
КОД HTML
СУЩНОСТЬ
КОД CSS
\0018ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0018отменить
␙
КОД HTML
СУЩНОСТЬ
КОД CSS
\0019ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0019конец среды
␚
КОД HTML
СУЩНОСТЬ
КОД CSS
\001AШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+001Aзамена
␛
КОД HTML
ENTITY
КОД CSS
\001BШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+001Bescape
␜
КОД HTML
СУЩНОСТЬ
КОД CSS
\001CШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+001Cразделитель информации четыре, разделитель файлов (fs)
␝
КОД HTML
СУЩНОСТЬ
КОД CSS
\001DШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+001Dразделитель информации три, разделитель групп (gs)
␞
КОД HTML
СУЩНОСТЬ
КОД CSS
\001EШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+001Eразделитель информации два, разделитель записи (rs)
␟
КОД HTML
СУЩНОСТЬ
КОД CSS
\001FШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+001Fразделитель информации один, разделитель единиц (США)
␠
КОД HTML
СУЩНОСТЬ
КОД CSS
\0020ШЕСТНАДЦАТЕРИЧНЫЙ КОД
UNICODE
U+0020пробел, иногда считается управляющим кодом
!
КОД HTML
!СУЩНОСТЬ
!КОД CSS
\0021Шестнадцатеричный код
!UNICODE
U+0021exclamation mark, factoria, bang
»
HTML CODE
"ENTITY
"CSS CODE
\0022HEX CODE
"UNICODE
U+0022кавычка, нейтральная (вертикальная), используется как открывающая или закрывающая кавычка
#
КОД HTML
#СУЩНОСТЬ
#;КОД CSS
\0023Шестнадцатеричный код
#UNICODE
U+0023Знак номера
$
КОД HTML
$СУБЪЕКТ
$;КОД CSS
\0024Шестнадцатеричный код
$UNICODE
U+0024знак доллара
%
КОД HTML
%ОБЪЕКТ
%КОД CSS
\0025Шестнадцатеричный код
%UNICODE
U+0025Знак процента
&
КОД HTML
&ОБЪЕКТ
&КОД CSS
\0026Шестнадцатеричный код
&UNICODE
U+0026амперсанд
‘
КОД HTML
'СУЩНОСТЬ
‘КОД CSS
\0027Шестнадцатеричный код
'UNICODE
U+0027апостроф
(
КОД HTML
(СУЩНОСТЬ
(пар;КОД CSS
\0028Шестнадцатеричный код
(UNICODE
U+0028левая скобка
)
КОД HTML
)СУЩНОСТЬ
)КОД CSS
\0029Шестнадцатеричный код
)UNICODE
U+0029правая скобка
*
КОД HTML
*СУЩНОСТЬ
*КОД CSS
\002AШестнадцатеричный код
*UNICODE
U+002Aзвездочка
+
КОД HTML
+СУЩНОСТЬ
+плюс;КОД CSS
\002BШестнадцатеричный код
+UNICODE
U+002Bплюс
,
КОД HTML
,СУЩНОСТЬ
&запятая;КОД CSS
\002CШестнадцатеричный код
,UNICODE
U+002Cзапятая
—
КОД HTML
-СУЩНОСТЬ
КОД CSS
\002DШЕСТНАДЦАТЕРИЧНЫЙ КОД
-UNICODE
U+002Dдефис-минус
.
КОД HTML
.СУЩНОСТЬ
.КОД CSS
\002EШестнадцатеричный код
.UNICODE
U+002Eточка
/
КОД HTML
/СУЩНОСТЬ
/КОД CSS
\002FШестнадцатеричный код
/UNICODE
U+002FСолидус
КОД HTML
0СУЩНОСТЬ
КОД CSS
\0030ШЕСТНАДЦАТЕРИЧНЫЙ КОД
0UNICODE
U+0030цифра ноль
1
КОД HTML
1СУЩНОСТЬ
КОД CSS
\0031ШЕСТНАДЦАТЕРИЧНЫЙ КОД
1UNICODE
U+0031цифра один
Десятичные, шестнадцатеричные коды символов в HTML Unicode
Десятичные, шестнадцатеричные коды символов в HTML Unicode| HOME | HTML Unicode | Java Unicode | Character Entity | URL Code | HTML Tag Tester |
|
