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

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

<Style Object

пример

Добавьте левую границу в <div> элемент:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Попробуй сам "

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

Множества свойства borderLeft или возвращают до трех отдельных пограничных левых свойств, в сокращенном виде.

С помощью этого свойства можно установить / вернуть один или несколько из следующих действий (in any order) :

  • Граница левой ширина
  • границы слева стиль
  • границы левого цвета

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


Синтаксис

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

object .style.borderLeft

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

object .style.borderLeft=" Значения свойств
параметр Описание
width Устанавливает ширину левой границы
style Устанавливает стиль левой границы
color Устанавливает цвет левой границы
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

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

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

Еще примеры

пример

Изменение ширины, стиля и цвета левой границе <div> элемент:

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

пример

Возврат приграничного левого значения свойств в <div> элемент:

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

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

Учебник CSS: CSS Border

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

HTML DOM ссылка: border property


<Style Object