CSS border-top 属性

Definisyon at Paggamit

Ang maikling katangian ng border-top ay nag-aayos ang lahat ng katangian ng border-top sa isang pahayag.

Maaaring i-set ang mga sumusunod na katangian sa pagkakasunod-sunod:

Kung hindi naseta ang anumang halaga, hindi magiging problema, halimbawa border-top:solid #ff0000; ay pinapayagan din.

Tingnan Din:

Tuturo ng CSS:CSS 边框

Manwal ng HTML DOM:BorderTop na katangian

Halimbawa

I-set ang estilo ng border-top:

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

Subukan Ngayon!

Grammar ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
border-top-width Tinutukoy ang lapad ng border-top. Tingnan:border-top-width posible na halaga sa
border-top-style Tinutukoy ang estilo ng border-top. Tingnan:border-top-style posible na halaga sa
border-top-color Tinutukoy ang kulay ng border-top. Tingnan:border-top-color posible na halaga sa
inherit Tinutukoy na dapat makuha ang set na border-top mula sa magulang na elemento.

Detalye ng Teknolohiya

Default na halaga: hindi tinukoy
Inherits: hindi tinukoy
Bersyon: CSS1
Grammar ng JavaScript: object.style.borderTop="3px solid blue"

Higit pang halimbawa

Lahat ng border-top na katangian sa isang pahayag
Ang halimbawa na ito ay nagtuturo kung paano gamitin ang maikling katangian upang i-set ang lahat ng border-top na katangian sa isang pahayag.

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

Komentaryo:IE7 at ang mas maagang bersyon ng browser ay hindi sumusuporta sa halaga "inherit". IE8 ay nangangailangan ng !DOCTYPE. IE9 ay sumusuporta sa "inherit".