Width ng Border ng CSS

Width ng Border ng CSS

border-width ang attribute ay nagtutukoy sa laki ng apat na border.

maaring itakda ang laki ng width sa tiyak na sukat (sa px, pt, cm, em) o gamitin ang tatlong nakasangguniang halaga: thin, medium o thick:

Example

magpakita ng iba't ibang laki ng border:

p.one {
  border-style: solid;
  border-width: 5px;
}
p.two {
  border-style: solid;
  border-width: katumbas;
}
p.three {
  border-style: dot-dashed;
  border-width: 2px;
} 
p.four {
  border-style: dot-dashed;
  border-width: katumbas;
}

resulta:

5px border-width

katumbas na border-width

2px border-width

maliit na border-width

Try It Yourself

Specific Edge Width

border-width The property can be set to one to four values (used for top border, right border, bottom border, and left border):

Example

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Top and bottom border 5px, other borders 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Top and bottom border 20px, other borders 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Top border 25px, right border 10px, bottom border 4px, left border 35px */
}

Try It Yourself