Latest web development tutorials

Obiekt HTML DOM Style borderLeft

Styl Object Reference styl Przedmioty

Definicja i Wykorzystanie

borderLeft skróconą własnością, aby ustawić lub powrócić lewej granicy trzech niezależnych właściwościach.

Dzięki tej właściwości można ustawić / powrót:

  • border-left-width
  • border-left-style
  • border-left-color

gramatyka

Ustawianie właściwości borderLeft:

Object.style.borderLeft="width style color"

Powrót borderLeft nieruchomości:

Object.style.borderLeft

Wskazówka: borderLeft własność nie ma wartości domyślnej.

参数 描述
width 设置左边框的宽度。
style 设置左边框的样式。
color 设置左边框的颜色。


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Wszystkie główne przeglądarki obsługują właściwość borderLeft.


Przykłady

Przykłady

Zmień szerokość lewego obramowania, styl i kolor:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Style type = "text / css">
# Ex1 {
border: cienkie przerywane # ff0000;
}
</ Style>
<Script>
Funkcja displayResult () {
. Document.getElementById ( "EX1") style.borderLeft = "# 0000FF Gruba";
}
</ Script>
</ Head>
<Body>

<Div id = "EX1"> To jest jakiś tekst. </ Div>
Największa
<Type = "button" button onclick = "displayResult ()"> Modyfikuj lewy brzeg </ button>

</ Body>
</ Html>

Spróbuj »


Styl Object Reference styl Przedmioty