background-color vai background?

Jeert

Jos haluan pelkän taustavärin määrittää niin kannattaako laittaa?
background-color: #EBE8D9;
vai
background: #EBE8D9;

3

339

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö.

      Kumpikin on oikein.

      • Kun käytetään background-ominaisuutta antamatta arvoja kaikille taustaan liittyville ominaisuuksille, asetetaan pois jätetyt ominaisuudet oletusarvoihinsa seuraavasti:

        background-color: transparent;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;

        Otetaan malliksi alla oleva HTML-koodinpätkä:

        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.



           
           Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
           


        Käytetty CSS:
        p { background: yellow url('maisema.jpg'); }
        div p { background: white; }

        Nyt ensimmäisen tekstikappaleen taustaväri on keltainen ja jälkimmäisen valkoinen, mutta maisema.jpg on vain ensimmäisen kappaleen taustakuva. Jälkimmäisellä kappaleella ei ole taustakuvaa, koska "background: white;" antoi oletusarvot kaikille taustaan liittyville ominaisuuksille paitsi taustavärille. Tilanne kuitenkin muuttuu, jos alempaa tyylisääntöä muokataan hieman:

        p { background: yellow url('maisema.jpg'); }
        div p { background-color: white; }

        Tekstikappaleiden taustavärit pysyvät ennallaan, mutta nyt maisema.jpg onkin molempien kappaleiden taustakuva. Ero ei ole suuren suuri, mutta onhan se silti hyvä muistaa, jos taustojen kanssa tulee yllättäviä ongelmia.


      • että...
        Whitelighter kirjoitti:

        Kun käytetään background-ominaisuutta antamatta arvoja kaikille taustaan liittyville ominaisuuksille, asetetaan pois jätetyt ominaisuudet oletusarvoihinsa seuraavasti:

        background-color: transparent;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;

        Otetaan malliksi alla oleva HTML-koodinpätkä:

        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.



           
           Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
           


        Käytetty CSS:
        p { background: yellow url('maisema.jpg'); }
        div p { background: white; }

        Nyt ensimmäisen tekstikappaleen taustaväri on keltainen ja jälkimmäisen valkoinen, mutta maisema.jpg on vain ensimmäisen kappaleen taustakuva. Jälkimmäisellä kappaleella ei ole taustakuvaa, koska "background: white;" antoi oletusarvot kaikille taustaan liittyville ominaisuuksille paitsi taustavärille. Tilanne kuitenkin muuttuu, jos alempaa tyylisääntöä muokataan hieman:

        p { background: yellow url('maisema.jpg'); }
        div p { background-color: white; }

        Tekstikappaleiden taustavärit pysyvät ennallaan, mutta nyt maisema.jpg onkin molempien kappaleiden taustakuva. Ero ei ole suuren suuri, mutta onhan se silti hyvä muistaa, jos taustojen kanssa tulee yllättäviä ongelmia.

        jos käyttää pelkkkää background-pikakirjoitetta eikä anna kaikkia arvoja, eri selaimet saattavat näyttää sivut eri tavalla kuin niin, että määrittää kaikki arvot.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Suomi on täysin sekaisin

      Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-2000010
      Maailman menoa
      450
      4839
    2. Ensimmäisestä kohtaamisesta saakka

      minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa
      Ikävä
      15
      1722
    3. Aivan täysin tahallinen teko

      Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves
      Suomussalmi
      94
      1468
    4. Suomussalmi saatu vihdoin maailmankartalle!

      Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä
      Suomussalmi
      53
      1359
    5. Olet saanut minut sekoamaan

      Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.
      Ikävä
      22
      1326
    6. Mainehaitta metsäkonefirmalle

      Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos
      Suomussalmi
      53
      1218
    7. Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?

      Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-
      Suomalaiset julkkikset
      0
      1075
    8. Myönnän sinulle nyt

      Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele
      Ikävä
      54
      1000
    9. Pysytäänkö nainen

      edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.
      Ikävä
      57
      885
    10. Olen käyttäytynyt ristiriitaisesti

      eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl
      Ikävä
      60
      859
    Aihe