CSS border-top ominaisuus

Määritelmä ja käyttö

border-top-yhteenveto-ominaisuus asettaa yläreunien kaikki ominaisuudet yhteen lausunnokseen.

Voi asettaa järjestyksessä seuraavat ominaisuudet:

Jos et aseta arvoa, se ei aiheuta ongelmia, esimerkiksi border-top:solid #ff0000; on sallittu.

Katso myös:

CSS-opas:CSS reunat

HTML DOM -viittausopas:borderTop-ominaisuus

Esimerkki

Aseta yläreunien tyyli:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
border-top-width Määritellään yläreunien leveys. Katso:border-top-width mahdolliset arvot.
border-top-style Määritellään yläreunien tyyli. Katso:border-top-style mahdolliset arvot.
border-top-color Määritellään yläreunien väri. Katso:border-top-color mahdolliset arvot.
inherit Määritellään, että yläreunien ominaisuuden asetukset tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei määritelty
Versio: CSS1
JavaScript-kieli: object.style.borderTop="3px solid blue"

Lisää esimerkkejä

Kaikki yläreunien ominaisuudet samassa lausunnossa
Tämä esimerkki näyttää, kuinka yksinkertaisella ominaisuudella voidaan asettaa kaikki yläreunien ominaisuudet samassa lausunnossa.

Selaimen tuki

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

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".