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. Negatiivisia pituusarvoja ei sallita.

Huomautus:Varmista, että border-top-width-ominaisuus määritetään border-style-ominaisuden jälkeen. Elementti voi muuttaa reunansa leveyttä vain, kun se on saanut reunan.

Katso myös:

CSS-opetusohjelma:CSS reunat

CSS -viittausoppas:border-top-ominaisuus

HTML DOM -viittausoppas:borderTopWidth-ominaisuus

Esimerkki

Aseta yläreunan leveys:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
thin Määrittää, että yläreuna on ohut.
keskikokoinen Oletusarvo. Määrittää keskikokoisen yläreunan.
thick Määrittää, että yläreuna on paksu.
length Mahdollistaa, että voit mukauttaa yläreunan leveyttä.
inherit Määrittää, että reunan leveys pitäisi perittää 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".