Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style width Property

<Style Object

пример

Установите ширину <button> элемента:

document.getElementById("myBtn").style.width = "300px";
Попробуй сам "

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

Ширина свойство устанавливает или возвращает ширину элемента.

Ширина свойство имеет эффект только на блочных элементах или на элементах с абсолютным или фиксированным положением. Переполняющее содержимое можно манипулировать с помощью свойства переполнения.

Совет: Используйте высоту свойства , чтобы установить или вернуть высоту элемента.

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Ширина свойство поддерживается во всех основных браузерах.

Синтаксис

Возвращает свойство ширины:

object .style.width

Установите свойство ширины:

object .style.width="auto| Значения свойств
Стоимость Описание
auto Браузер устанавливает ширину. Это по умолчанию
length Определяет ширину в единицах длины
% Определяет ширину в% от родительского элемента
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: авто
Возвращаемое значение: Строка, представляющая ширину элемента
CSS версия CSS1

Еще примеры

пример

Изменение ширины <div> элемент:

document.getElementById("myDIV").style.width = "500px";
Попробуй сам "

пример

Измените высоту и ширину <img> элемента:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Попробуй сам "

пример

Возвращает ширину <img> элемента:

alert(document.getElementById("myImg").style.width);
Попробуй сам "

Похожие страницы

Учебник CSS: CSS Размеры

CSS учебник: CSS Box модель

Ссылка CSS: width property

<Style Object