Mabaki ya Uwezo wa Mwongozo ya CSS

Mabaki ya Uwezo wa Mwongozo ya CSS

border-width Mfano unaangalia kijivungu cha kipungu cha kizito cha mbili na mbili na mbili na mbili na mbili:

Inaweza kufikiria ukurabuwa ukurabuwa kwa ukurabuwa kwenye ukurabuwa wa kipya (na px, pt, cm, em) au kutumia matokeo maalum tatu yoyote: thin, medium au thick:

Mifano

Tukio ya kijivungu cha kipungu cha kizito: kijivungu cha kipungu cha kizito cha kipya, kipya na kipya cha kipya:

p.one {
  border-style: solid;
  kijivungu cha kipungu cha kizito: 5px;
}
p.two {
  border-style: solid;
  kijivungu cha kipungu cha kizito: kipya;
}
p.three {
  stili cha kijivungu cha kipungu cha kizito: kipungu cha kizito cha kipya;
  kijivungu cha kipungu cha kizito: 2px;
} 
p.four {
  stili cha kijivungu cha kipungu cha kizito: kipungu cha kizito cha kipya;
  kijivungu cha kipungu cha kizito: kipya;
}

Matokeo:

5px kijivungu cha kipungu cha kizito

kijivungu cha kipungu cha kizito cha kipya

2px kijivungu cha kipungu cha kizito

kijivungu cha kipungu cha kizito

Tukio wa kufikia

Uwezo wa kifupi cha kipekee

border-width Mafupi inaweza kuwa na watu wetu wili na watu wawili (kwa mbarabara ya juu, ya kulia, ya chini na ya kusini):

Mifano

p.one {
  border-style: solid;
  border-width: 5px 20px; /* mbarabara ya juu na ya chini 5px, mengine 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* mbarabara ya juu na ya chini 20px, mengine 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* mbarabara ya juu 25px, mbarabara ya kulia 10px, mbarabara ya chini 4px, mbarabara ya kusini 35px */
}

Tukio wa kufikia