Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Стиль Направление свойство

Стиль Ссылка на объект Стиль Объекты

Определение и использование

направление набора свойств или возвращает направление текста элемента.

грамматика

Настройка свойств направления:

Object.style.direction="ltr|rtl|inherit"

Возвращает атрибуты направления:

Object.style.direction

描述
ltr 默认。文本流从左到右。
rtl 文本流从右到左。
inherit 文本方向从父元素继承。

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают свойство направления.

Примечание: IE7 и более ранние версии не поддерживают "унаследует" значение.IE8 обеспечивает только! DOCTYPE поддерживается "Наследовать". поддержка IE9 "Наследовать".


примеров

примеров

Текст течет справа налево устанавливается на:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
    document.getElementById("p1").style.direction="rtl";
}
</script>
</head>
<body>

<p id="p1">这是一些文本。</p>
<br>
<button type="button" onclick="displayResult()">设置文本方向从左到右</button>

</body>
</html>

Попробуйте »


Стиль Ссылка на объект Стиль Объекты