CSS border-style 属性

Paglilinaw at Paggamit

Ang border-style property ay ginagamit upang itakda ang estilo ng lahat ng border ng elemento, o maaaring itakda nang hiwalay ang estilo ng bawat border.

Hindi na maaaring lumitaw ang border kung ang halaga ay hindi none.

Halimbawa 1

border-style:dotted solid double dashed;
  • Ang taas ng border ay point-like
  • Ang kanang border ay solid
  • Ang ilalim ng border ay double line
  • Ang baba ng border ay dashed

Halimbawa 2

border-style:dotted solid double;
  • Ang taas ng border ay point-like
  • Ang kanang border at ang baba ng border ay solid
  • Ang ilalim ng border ay double line

Halimbawa 3

border-style:dotted solid;
  • Ang taas ng border at ang ilalim ng border ay point-like
  • Ang kanang border at ang baba ng border ay solid

Halimbawa 4

border-style:dotted;
  • Ang lahat ng apat na border ay point-like

Mga ibang panghiling:

CSS Tutorial:CSS 边框

Manwal ng HTML DOM:Atribute ng borderStyle

Halimbawa

Itaas ang estilo ng apat na border:

p
  {
  border-style:solid;
  }

Subukan ang sarili

Grammar ng CSS

border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Halaga ng Atribute

Halaga Paglalarawan
none Tinukod ang walang border.
hidden Katulad ng "none", ngunit hindi na ginagamit sa talahanayan. Para sa talahanayan, ginagamit ang "hidden" para malutas ang konflikto ng border.
dotted Tinukod ang border na may puntos. Halos lahat ng browser ay nagpapakita ito bilang walang pataw ng linya.
dashed Tinukod ang walang pataw ng linya. Halos lahat ng browser ay nagpapakita ito bilang walang pataw ng linya.
solid Tinukod ang walang pataw ng linya.
double Tinukod ang dalawang linya. Ang lapad ng dalawang linya ay katumbas ng halaga ng border-width.
groove Tinukod ang 3D grooved border. Ang epekto nito ay depende sa halaga ng border-color.
ridge Tinukod ang 3D ribbed border. Ang epekto nito ay depende sa halaga ng border-color.
inset Tinukod ang 3D inset border. Ang epekto nito ay depende sa halaga ng border-color.
outset Tinukoy ang 3D outset border. Ang epekto nito ay depende sa halaga ng border-color.
inherit Nag-uusap ng paglalaan ng estilo ng border mula sa magulang na elemento.

Paglalarawan

Ang pinakamalaking border style ay double. Ito ay tinukoy na ang lapad ng dalawang linya at ang espasyo sa pagitan ng dalawang linya ay katumbas ng halaga ng border-width. Gayunpaman, ang batas ng CSS ay hindi naglalarawan kung ang isang linya ay mas malaki kaysa sa ibang linya o kung ang dalawang linya ay dapat ay may parehong lapad, o kung ang espasyo sa pagitan ng dalawang linya ay dapat ay mas malaki kaysa sa linya. Lahat ng ito ay pinapasyahan ng user agent, at walang pakikitungo ang gumagawa sa desisyon na ito.

Detalye ng Teknolohiya

Default Value: not specified
Inheritance: no
Bersyon: CSS1
Grammar ng JavaScript: object.style.borderStyle="dotted double"

Higit pang mga halimbawa

Ipagtayo ng estilo ng apat na border
Ito ay nagtuturo kung paano itaas ang estilo ng apat na border.
Ipagtayo ng iba't ibang estilo ng border sa bawat gilid
Ito ay nagtuturo kung paano itaas ang iba't ibang estilo ng border sa bawat gilid ng elemento.

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na ito.

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