tutoriais mais recente desenvolvimento web

×

JavaScript Referência

JavaScript

JS Corda JS Número JS operadores JS demonstrações JS Matemática JS Encontro JS ordem JS boolean JS RegExp JS Global JS Conversão

navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM elementos DOM Atributos DOM Eventos DOM Estilo

HTML objetos

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

outros objetos

CSSStyleDeclaration

Style borderLeft Property

<Estilo de objeto

Exemplo

Adicionar uma borda esquerda a um <div> elemento:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Tente você mesmo "

Definição e Uso

Os borderLeft conjuntos de propriedades ou retorna até três propriedades da borda esquerda separadas, de uma forma abreviada.

Com esta propriedade, você pode definir / retornar um ou mais dos seguintes (in any order) :

fronteira esquerda de largura
border-left-style
border-left-color

Suporte navegador

A propriedade borderLeft é suportado em todos os principais navegadores.

Sintaxe

Devolver o imóvel borderLeft:

object .style.borderLeft

Defina a propriedade borderLeft:

object .style.borderLeft=" Valores de propriedade

Parâmetro	Descrição
width	Define a largura da borda esquerda
style	Define o estilo da borda esquerda
color	Define a cor da borda esquerda
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão:	não especificado
Valor de retorno:	Uma corda, que representa a largura, estilo e / ou cor da borda esquerda de um elemento
CSS Versão	CSS1

mais Exemplos

Exemplo

Alterar a largura, estilo e cor da borda esquerda de uma <div> elemento:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Tente você mesmo "

Exemplo

Devolver os valores de propriedade border-left de um <div> elemento:

alert(document.getElementById("myDiv").style.borderLeft);

Tente você mesmo "

Páginas relacionadas

Tutorial CSS: CSS Border

Referência CSS: border-left property

HTML DOM referência: border property

<Estilo de objeto