Style border katangian

Paglalarawan at paggamit

border Ang katangian ay it-set o ibabalik sa maikling anyo ang pinaka tatlong magkakahiwalay na katangian ng border.

Sa pamamagitan ng ito ang katangian, maaari mong it-set/ibalik ang sumusunod na isang o ilang (sa anumang kaisipan):

Bilang karagdagan, tingnan ang:

CSS TuroCSS 边框

CSS TagapagbalitaBorder katangian

Halimbawa

Halimbawa 1

Magdagdag ng border sa <div> elemento:

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

Subukan nang personal

Halimbawa 2

Ibago ang lapad, estilo at kulay ng border ng <div> elemento:

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

Subukan nang personal

Halimbawa 3

Iibalik ang halaga ng border katangian ng <div> elemento:

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

Subukan nang personal

Gramata

Iibalik ang border katangian:

object.style.border

I-set ang border katangian:

object.style.border = "width style color|initial|inherit"

Halaga ng katangian

Halaga Paglalarawan
width I-set ang lapad ng border.
style I-set ang estilo ng border.
color I-set ang kulay ng border.
initial I-set ang katangian sa kanyang default na halaga. Tingnan ang initial.
inherit Inherhento ang katangian mula sa magulang na elemento. Tingnan ang inherit.

Detalye ng teknolohiya

Default na halaga: Hindi tinukoy.
Halaga ng ibabalik: String, na naglalarawan ng lapad, estilo at/ganito ang kulay ng elemento ng border.
Versyon ng CSS: CSS1

Suporta ng browser

border Ito ay CSS1 (1996) katangian.

Lahat ng mga browser ay ganap na sumusuporta sa ito:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporta Suporta Suporta Suporta Suporta Suporta