CSS border-top-style ominaisuus

Määrittely ja käyttö

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

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

CSS1:ssä HTML käyttäjäagentti tarvitsee tukea vain solid ja none.

Lisäksi:

CSS oppitunnit: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 syntax

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

Ominaisuuden arvo

Arvo Kuvaus
none Määrittää reunattoman reunaväri.
hidden On sama kuin "none", mutta sitä ei sovelleta taulukoihin. Taulukoissa "hidden" käytetään ratkaisemaan reunavirheitä.
dotted Määrittää pisteiden reunaväri. Suurimmassa osassa selaimia se näkyy täysin suorana.
dashed Määrittää hienon reunaväri. Suurimmassa osassa selaimia se näkyy täysin suorana.
solid Määrittää täysin suoran reunaväri.
double Määrittää kaksoisreunuksen. Kaksoisreunuksen leveys on sama kuin border-widthin arvo.
groove Määrittää 3D reunojen kuopan reunaväri. Sen vaikutus riippuu border-colorin arvosta.
ridge Määrittää 3D aaltoituksen reunaväri. Sen vaikutus riippuu border-colorin arvosta.
inset Määrittää 3D sisään olevan reunaväri. Sen vaikutus riippuu border-colorin arvosta.
outset Määrittää 3D ulospäin olevan reunaväri. Sen vaikutus riippuu border-colorin arvosta.
inherit Määritellään, että reunaväri tulisi periä isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei
Versio: CSS1
JavaScript syntax: 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 täysin tukee tätä ominaisuutta.

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