Mfano wa CSS border-left

Maelezo na matumizi

Tabia ya border-left kwa ujaribio inakamilisha tabia za kushoto zote kwenye ujumbe moja.

Inafaa kuwa na tabia zifuatazo kwa mazingira mawili:

Hakuna mafanikio ukubali thamani fulani, kama border-left:solid #ff0000; inaweza kuwa inafaa.

Tafadhali tukubali ya kwamba inafaa kuwa na maelezo hiyo:

Makao ya ujumbe wa CSS:CSS Mito

Kitabu cha mifano wa HTML DOM:Tabia ya borderLeft

Mifano

Inahitaji kuwa na muundo wa kushoto wa kushoto:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Tafadhali tukubali ya kwamba inafaa kuona mifano hiyo:

Inafaa kuwa na lugha ya CSS:

border-left: border-width border-style border-color|initial|inherit;

Thamani ya tabia

Thamani Maelezo
border-left-width Inahitaji kuwa na upana wa kushoto.border-left-width Thamani ambazo inaweza kuwa inayotumika.
border-left-style Inahitaji kuwa na muundo wa kushoto.border-left-style Thamani ambazo inaweza kuwa inayotumika.
border-left-color Inahitaji kuwa na rangi ya kushoto.border-left-color Thamani ambazo inaweza kuwa inayotumika.
inherit Inahitaji kuwa na maelezo ya kina ya tabia ya kushoto ya kina ya kina.

Maelezo ya teknolojia

Thamani ya kuzingatia: hakikwa hufikii
Kumuungana na kina: no
Sukuu: CSS1
Inafaa kuwa na lugha ya JavaScript: object.style.borderLeft="3px solid blue"

Mifano ya kusaidia zaidi

Tafadhali tukubali ya kwamba tabia za kimaumizi ya kushoto zinaingizwa kwenye ujumbe moja.
Tafadhali tukubali ya kwamba tabia za kimaumizi ya kushoto zinaingizwa kwenye ujumbe moja.

Mfano wa browser

Mifano ya jumla ya tabia huzungumza browser za kwanza ambazo zinaumilia tabia hii kamilifu.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

Maelezo:IE7 na browser za zamani huzungumza kwa thamani "inherit". IE8 inahitaji !DOCTYPE. IE9 inasimamia "inherit".