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

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 borderWidth Property

<Style Object

пример

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

document.getElementById("myDiv").style.borderWidth = "thick";
Попробуй сам "

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

Множества свойства BorderWidth или возвращают ширину границы элемента.

Это свойство может занять от одного до четырех значений:

  • Одно значение, как: р {границы ширина: толстая} - все четыре границ будут иметь толщину
  • Два значения, такие как: р {границы ширина: толстый тонкие} - верхняя и нижняя граница будет толстой, левым и правая граница будет тонкой
  • Три значения, такие как: р {границы ширина: толстая тонкие среднего} - верхняя граница будет толстой, левым и правая граница будет тонкой, нижняя граница будет средней
  • Четыре значения, такие как: р {границы ширина: толстый тонкие средний 10px} - верхняя граница будет толстой, правая граница будет тонким, нижняя граница будет средой, левая граница будет 10px

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Синтаксис

Возвращает свойство BorderWidth:

object .style.borderWidth

Установите свойство BorderWidth:

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

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

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

Еще примеры

пример

Изменение ширины верхней и нижней границы до густого, и левой и правой границы с тонким из <div> элемент:

document.getElementById("myDiv").style.borderWidth = "thick thin";
Попробуй сам "

пример

Изменение ширины четыре границ <div> элемента, используя значение длины:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Попробуй сам "

пример

Возвращает ширину границы в <div> элемент:

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

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

Учебник CSS: CSS Border

Ссылка CSS: border-width property

HTML DOM ссылка: border property

<Style Object