Style outline katangian

Paglilinaw at paggamit

outline I-set ang katangian sa maikling paraan o ibalik ang lahat ng katangian ng kontura.

Sa pamamagitan ng katangian na ito, maaari mong it-set/ibalik ang sumusunod na isang bagay o marami (sa anumang pagkakasunod-sunod):

Ang kontura ay isang linya na nasa paligid ng elemento. Ito ay ipinapakita sa paligid ng margang elemento. Subalit, ito ay magkaiba sa border katangian Diferente.

Ang kontura ay hindi bahagi ng laki ng elemento, kaya ang mga katangian ng lapad at taas ng elemento ay hindi kasama ang lapad ng kontura.

Bilang karagdagan:

CSS Tutorial:CSS Outline

CSS Tagapagbalita:outline katangian

Sample

Halimbawa 1

Magdagdag ng kontura sa paligid ng <div> elemento:

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

Subukan nang personal

Halimbawa 2

Ibaguhin ang lapad, estilo at kulay ng kontura ng <div> elemento:

document.getElementById("myDiv").style.outline = "5px dotted green";

Subukan nang personal

Halimbawa 3

Ibalik ang halaga ng outline katangian ng <div> elemento:

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

Subukan nang personal

Gramata

Ibalik ang outline katangian:

object.style.outline

I-set ang outline katangian:

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

Halaga ng katangian

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

Detalye ng teknolohiya

Default na halimbawa: medium none invert
Halimbawa ng pagbabalik: string na naglalayong ang lapad, estilo at/ganito ang kulay ng kontura ng elemento.
Versyon ng CSS： CSS2

suporta ng browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
suporta suporta suporta suporta suporta