Mabaki ya CSS

Mwili wa kijengea cha CSS

CSS kijengea Ujumbe unaingia inafaa kuingia kwa mchangilio wa kijengea kikuu, kikima, kikili na kikima kikili.

Mchangilio wote wana kijengea.

Nimekufaa kijengea kikili cha kifungu.

Nimekufaa kijengea kikima cha kijengwa.

Nimekufaa kijengea kikili cha kijengwa.

Mchangilio wa kijengea cha CSS

border-style Ujumbe unaingia kwa mchangilio wa kijengea ambao unahitaji kuonyeshwa.

Inabaki kwa:

  • kichache - Kuelewa kijengea kichache 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kichache - Kuelewa kijengea kichache 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kichache - Kuelewa kijengea kichache 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kifupya - Kuelewa kijengea kikifupya 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kivumia - Kuelewa kijengea kikivumia 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kifua - Kuelewa kijengea kikifua 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kufaa - Kuelewa kijengea kikufaa 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • kufa - Kuelewa kijengea kikufaa 3D. Hali inatofautiana kwa ukingatia mchangilio wa kijengea.
  • hakuna - Kuelewa kijengea kikamilika
  • kichache - Kuelewa kijengea kichache

border-style Ujumbe unaingia hadi watatu wau watane wanaingia kwa ukuzingatia kijengea kikili, kikima, kikifu na kikima kikili.

Mifano

Tukiongeza mchangilio ya kijengea:

p.kivumia {mchangilio: mchangilio;}
p.kifupya {mchangilio: mchangilio;}
p.kivumia {mchangilio: mchangilio;}
p.kifupya {mchangilio: mchangilio;}
p.kivumia {mchangilio: mchangilio;}
p.kifua {mchangilio: mchangilio;}
p.kusukaa {mchangilio: mchangilio;}
p.kufa {mchangilio: mchangilio;}
p.hakuna {mchangilio: mchangilio;}
p.hidden {mchangilio: mchangilio;}
p.mix {border-style: dotted dashed solid double;}

Matokeo:

Mabaki ya kushika na mabaki.

Mabaki ya kushika na mabaki.

Mabaki ya kushika.

Mabaki ya kushika na mabaki.

Mabaki ya kumaliza kwa nguo. Ijumbe inahusiana na thamani ya border-color.

Mabaki ya kumaliza. Ijumbe inahusiana na thamani ya border-color.

Mabaki ya 3D inset. Ijumbe inahusiana na thamani ya border-color.

Mabaki ya 3D outset. Ijumbe inahusiana na thamani ya border-color.

Hakuna mabaki.

Mabaki ya kubeba.

Mabaki ya kushika.

Jifunze kwa urahisi

Tahadhari:Inasikia tena, hata ila ilianza kusaidia border-style Tafadhali, hatuwezi kutumia mabaki ya CSS border (iyatutengenezwa kwenye kitabu kinachotengenezwa baadaye)!