Mafuta ya Style borderStyle

Ufafanuzi na matumizi

borderStyle Mafuta hii inasaidia kumefikia na kumeweka stili ya kufungua ya elementi.

Mafuta hii inaweza kuwa na machache moja hadi tano:

  • Machache moja, kwa mfano: p {border-style: solid} - Mbuga mbalimbali ni mbuga wa kawaida
  • Machache mbili, kwa mfano: p {border-style: solid dotted} - Mbuga juu na chini ni mbuga wa kawaida, mbuga wa kulia na kulia ni mbuga wa mabaya
  • Machache tatu, kwa mfano: p {border-style: solid dotted double} - Mbuga juu ni mbuga wa kawaida, mbuga wa kulia na kulia ni mbuga wa vipimo, mbuga wa chini ni mbuga wa kufa
  • Machache sita, kwa mfano: p {border-style: solid dotted double dashed} - Mbuga juu ni mbuga wa kawaida, mbuga wa kulia ni mbuga wa mabaya, mbuga wa chini ni mbuga wa kufa, mbuga wa kulia ni mbuga wa mabaya

Tazama pia:

Makao ya CSSMabara ya CSS ya kifungu

Kivinjia Kipandiko cha CSSMafuta ya border-style

Kivinjia Kipandiko cha HTML DOMKina cha border

Mfano

Mfano 1

Kumaliza kina ya kina ya <div> ya kawaida:

document.getElementById("myDiv").style.borderStyle = "solid";

Jifunze kwa urahisi

Mfano 2

Kumaliza stili ya kina ya kina ya <div> ya nne:

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

Jifunze kwa urahisi

Mfano 3

Kurudi mkono wa kina ya <div> ya kina:

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

Jifunze kwa urahisi

Mfano 4

Tukio ya kufikiria kwa sababu ya matumizi ya kina mbalimbali:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue;

Jifunze kwa urahisi

Inayotumika

Kurudi mkono wa borderStyle:

object.style.borderStyle

Kumchagua mkono wa borderStyle:

object.style.borderStyle = value
Jina Kuelewa
none Kumchagua mkono wa kina bila mkono. Chaguo cha kuzingatia.
hidden Inaadili kama "none", lakini haitakiwa kwenye hatua ya kumaliza mabaya ya kifaa cha tabia.
dotted Kumchagua mkono wa kifungu cha kipungu.
dashed Kumchagua mkono wa kifungu.
solid Kumchagua mkono wa kina wa kawaida.
double Kumchagua mkono wa kina mbili. Upeo wa kina hizi ni sawa na jina la border-width.
groove Kumchagua mkono wa kina wa 3D. Matokeo unaelewa kwa sababu ya jina la border-color inaadili.
ridge Kumchagua mkono wa kina wa 3D. Matokeo unaelewa kwa sababu ya jina la border-color inaadili.
inset Kumchagua mkono wa kina wa 3D. Matokeo unaelewa kwa sababu ya jina la border-color inaadili.
Kina wa Kumchagua mkono wa kina wa 3D. Matokeo unaelewa kwa sababu ya jina la border-color.
initial Kumchagua kwa sababu ya kina yake. Tazama initial.
inherit Kumwambia mti yake wa kuzingatia kwa sababu ya kina yake. Tazama inherit.

Vifaa vya teknolojia

Chaguo cha kuzingatia: Hakuna
Matokeo: Mafuta, inaeleza stili ya mkono wa kiini.
Jadili ya CSS: CSS1

Kifaa cha Internet

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Mwongozo Mwongozo Mwongozo Mwongozo Mwongozo