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.width="auto|length|%|inherit"

Назад ширина атрибуты:

Object.style.width

描述
auto 默认。浏览器设置的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义宽度为父元素的百分比。
inherit width 属性的值从父元素继承。


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


примеров

примеров

Установите ширина кнопки:

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

<input type="button" id="b1" onclick="displayResult()" value="修改按钮的宽度">

</body>
</html>

Попробуйте »


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