CSS border-top-style ominaisuus

Määrittely ja käyttö

border-top-style asettaa elementin yläreunan tyylin.

Reunaviiva näkyy vain, jos tämä arvo ei ole none.

CSS1:ssä HTML-käyttäjäagentin tulisi tukea vain solid ja none.

Katso myös:

CSS -opas:CSS reunat

CSS -viittausopas:border-top -ominaisuus

HTML DOM -viittausopas:borderTopStyle-ominaisuus

Esimerkki

Aseta yläreunan tyyli:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
none Määrittelee reunaviivan puuttuvan.
hidden On sama kuin "none", mutta sitä ei sovelleta taulukkoihin. Taulukoissa "hidden" käytetään ratkaisemaan reunaviivakonflikteja.
dotted Määrittelee pisteitä sisältävän reunaviivan. Suurin osa selaimista näyttää sen täysin suorana.
dashed Määrittelee viivareunuksen. Suurin osa selaimista näyttää sen täysin suorana.
solid Määrittelee täysin suoran reunaviivan.
double Määrittelee kaksoisreunuksen. Kaksoisreunuksen leveys on sama kuin border-width-arvo.
groove Määrittelee 3D reunojen syvennyksen. Sen vaikutus riippuu border-color-arvosta.
ridge Määrittelee 3D ryijytysreunaviivan. Sen vaikutus riippuu border-color-arvosta.
inset Määrittelee 3D sisään olevan reunaviivan. Sen vaikutus riippuu border-color-arvosta.
outset Määrittelee 3D ulospäin olevan reunaviivan. Sen vaikutus riippuu border-color-arvosta.
inherit Määritellään, että reunaviivat tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.borderTopStyle="dotted"

Lisää esimerkkejä

Aseta yläreunan tyyli
Tämä esimerkki näyttää, miten voit asettaa yläreunan tyylin.

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2