Tyyliruudun ominaisuudet

Asettelee elementin taustakuvan lomittain.

• varmistaa, että kuvasta näytetään vain yksi kopio.
• toistaa kuvan vaakasuorassa.
• toistaa kuvan pystysuunnassa.
• ruuduttaa kuvan vaakasuorassa ja pystysuorassa.

Määrittää elementin taustakuvan sijainnin.

• Aseta taustakuvan vaakasuuntainen sijainti kirjoittamalla arvo X-tekstiruutuun ja valitse mittayksikkö. Voit myös valita alasvetoluettelosta Vasen tai Oikea.
• Aseta taustakuvan pystysuuntainen sijainti kirjoittamalla arvo Y-tekstiruutuun ja valitse mittayksikkö. Voit myös valita alasvetoluettelosta Ylös tai Alas.

Asettaa fontin koon. Kirjoita arvo Koko-tekstiruutuun ja valitse mittayksikkö, kuten em, piste tai %. Valinnaisesti voit valita esimääritetyn arvon, kuten XX-Pieni. Valitse Peri kun haluat käyttää samaa fonttikokoa kuin pääelementissä (esimerkiksi sivulla tai ruudussa).

Käytä suhteellisia kokoja kuten em tai prosentti, jotta loppukäyttäjäsi voivat muuttaa fonttikokoa verkkoselaimissaan.

Muotoilee elementin fonttityylin.

• tekee fontista lihavan.
• tekee fontista lihavoivan ja kursivoivan.
• tekee fontista kursivoivan.
• Ei mitään poistaa olemassa olevat tyylit.

Ottaa käyttöön korostukset elementin tekstissä. Voit esimerkiksi poistaa alleviivauksen, joka yleensä näkyy hyperlinkkien alla, ja joka on CSS-vakiosääntö, joka on sisäänrakennettuna useimpiin verkkoselaimiin.

• alleviivaa tekstin.
• käyttää yliviivaa muotoilua.
• näyttää viivan tekstin päällä.
• Ei mitään poistaa olemassa olevat tekstin korostukset.

Tasaa valitun elementin tekstin.

• kohdistaa tekstin vasemmalle.
• kohdistaa tekstin oikealle.
• keskittää tekstin.
• kohdistaa tekstin sekä vasempaan että oikeaan marginaaliin.

Muuttaa elementin tekstin isot kirjaimet.

• kirjoittaa kunkin sanan ensimmäisen kirjaimen isolla kirjaimella.
• tarkoittaa kaikkien merkkien kirjainkokoa.
• pienentää kaikki merkit.
• Ei mitään poistaa olemassa olevan tekstin isojen kirjaimien muotoilun.

Sijoittaa sivuelementit asiakirjan normaalin kulun ulkopuolelle. Yleensä sivun elementit toistetaan verkkoselaimissa järjestyksessä, jossa ne ovat asiakirjassa. Lohkoelementit, kuten p- ja div-tunnisteet, näytetään toistensa alla, kun taas upotetut elementit, kuten em, strong ja span, renderöidään tekstin tai toistensa vieressä.

• Sisällön absoluuttiset sijainnit asetuksilla Ylä-, Ala-, Vasen- ja Oikea-tekstiruuduista.
• Suhteellinen esittää sivuelementin normaalissa asettelussa, mutta siirtää elementtiä suhteessa normaalisijaintiin Ylä-, Ala-, Vasen- ja Oikea-tekstiruutujen arvojen mukaan. Jos esimerkiksi asetat elementin vasempaan sijaintiin 20 pikseliä, sivuelementti sijoitetaan 20 pikseliä vasemmalle.

Ohittaa sivuelementin oletusasettelutoiminnon. Voit esimerkiksi piilottaa sivuelementtejä, asettaa lohkoelementtejä näkymään tekstielementteinä tai tekstielementtejä näkymään lohkoina.

• Ei mitään piilottaa sivuelementin.
• Lohko näyttää sivuelementin lohkotason sivuelementtinä, rivinvaihdolla ennen ja jälkeen elementin.
• Tekstielementti, joka on oletusasetus, näyttää sivuelementin tekstisivuelementtinä ilman rivinvaihtoa ennen tai jälkeen elementin.
• Tekstilohko näyttää sivuelementin tekstisuorakaiteena, mutta sisältö käyttäytyy kuten se olisi lohkoelementin sisällä.

Käytettynä yhdessä Absoluuttinen- tai Suhteellinen-sijaintiasetuksen kanssa, nämä neljä ominaisuutta asettavat sivuelementit asiakirjan normaalin kulun ulkopuolelle. Syötä arvo tekstiruutuihin tarvittaessa ja valitse mittayksikkö asiaankuuluvista alasvetoluetteloista.

• Ylä asettaa elementin yläreunan etäisyyden ylä- tai alapuolelle pääelementin yläreunasta.
• Ala asettaa elementin alareunan etäisyyden ylä- tai alapuolelle pääelementin alareunasta.
• Oikea asettaa elementin yläreunan etäisyyden oikealle tai vasemmalle pääelementin oikeasta reunasta.
• Vasen asettaa elementin yläreunan etäisyyden oikealle tai vasemmalle pääelementin vasemmasta reunasta.

Määrittää järjestyksen, jossa elementit limittyvät päällekkäin, kun ne täytyy renderöidä samassa tilassa. Elementti, jonka Z-arvon on suurempi, peittää elementin, jonka arvo on pienempi. Oletusarvo on 0.

Napsauta ja z-indeksin suurentamiseksi tai pienentämiseksi tai näppäile arvo tekstiruutuun.

Leijuttaa sivuelementtiä vasemmalle tai oikealle siten, että seuraavat elementit, esimerkiksi teksti, kiertää leijuvan sivuelementin ympärille.

• leijuttaa sivuelementtiä vasemmalle.
• leijuttaa sivuelementtiä oikealle.
• Ei mitään poistaa olemassa olevan leijutusasetuksen.

Määrittää salliiko valittu sivuelementti leijuvan sivuelementin rinnalleen.

• siirtää sivuelementin sen vasemmalla puolella olevan leijuvan sivuelementin alle.
• siirtää sivuelementin sen oikealla puolella olevan leijuvan sivuelementin alle.
• siirtää sivuelementin molemmilla puolilla olevien leijuvien sivuelementtien alle.
• Ei mitään poistaa olemassa olevat leijutusasetukset.

Määrittää onko valittu sivuelementti näkyvä.

• Näkyvä on oletusarvo.
• Piilotettu piilottaa sivuelementin ja näyttää sen tilalla näkymättömän suorakaiteen.
• Pienennä on käytössä taulukkoelementtien piilottamista varten. (Muille sivuelementeille sillä on sama tulos kuin piilotetulla.)

  Näkymättömät sivuelementit vievät edelleen saman tilan sivun asettelussa.

Määrittää, leikataanko sivuelementin sisältöä, kun se vuotaa yli alueensa.

• Näkyvä ei leikkaa sisältöä.
• Piilotettu leikkaa sisältöä.
• Vieritä leikkaa sisältöä mutta tarjoaa vierityspalkit, joiden avulla käyttäjät voivat tarkastella loppua sisältöä.
• Automaattinen on riippuvainen selaimesta, mutta näyttää vierityspalkin, josta voit tarkastella muuta sisältöä.

Kun suunnittelet taulukoita:

• Tiivistys käyttää solujen välistä yhteistä reunaa.
• Erottaminen antaa kullekin solulle oman reunan.