CSS border-top-width ominaisuus

Määrittely ja käyttö

border-top-width ominaisuus asettaa elementin yläreunan leveys.

Toimii vain, kun reunan tyyli ei ole none. Jos reunan tyyli on none, reunan leveys asetetaan todellisuudessa 0:een. Negatiiviset pituusarvot eivät ole sallittuja.

Huomautus：Ilmoita aina border-style ominaisuus ennen border-top-width ominaisuutta. Elementti voi muuttaa reunan leveyttään vain, kun reunan olemassaolo on varmistettu.

Katso myös：

CSS oppaCSS reunat

CSS viittausopas：border-top ominaisuus

HTML DOM viittausopas：borderTopWidth ominaisuus

Esimerkki

Aseta yläreunan leveys：

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Kokeile itse

CSS syntaksi

border-top-width: keskikokoinen|ohut|paksu|length|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
thin Määrittelee ohuen yläreunan.
keskikokoinen Oletusarvo. Määrittelee keskikokoisen yläreunan.
thick Määrittelee paksun yläreunan.
length Mahdollistaa yläreunan leveyden mukauttamisen.
inherit Määrittelee, että reunan leveys tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo： keskikokoinen
Perinnäisyys： ei
Versio： CSS1
JavaScript kieli： object.style.borderTopWidth="thick"

Lisää esimerkkejä

Aseta yläreunan leveys
Tämä esimerkki näyttää, miten voit asettaa yläreunan leveyden.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen, joka tukee tätä ominaisuutta täysin.

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

Huomautus：IE7 ja aikaisemmat selaimet eivät tue arvoa "inherit". IE8 vaatii !DOCTYPE. IE9 tukee "inherit".