CSS-käsikirja

Tärkeimmät

tekstin koko kursivoitu teksti lihavoitu teksti riviväli fonttiperhe fontin lyhenne ekstra rivinsyvennys tekstin tasaus

Harvinaisemmat

ali- yli- lävi- alleviivaus tekstin viivan sijainti tekstin viivan tyyppi tekstin viivan väri kirjainkoon muutos pienet kapiteelit mukautettu fontti fontin koon hallinta kirjainväli sanaväli viimeisen rivin tasaus pystytasaus lainausmerkkien tyyli fontin kerning tekstimerkkien täyttöväri merkkien suunta pystysuorassa tekstissä tekstimerkkien ääriviiva tekstimerkkien ääriviivan väri tekstimerkkien ääriviivan paksuus tekstin suunta

Rivitys

tyhjät merkit ja rivitys pitkien sanojen rivitys pitkien sanojen rivitys rajaus, vierityspalkit overflow vaakatasossa overflow pystytasossa tabulointikoon koko kolmen pisteen lisääminen tavujen jako tekstin rajoitus rivimäärällä

Väri

tekstin väri

Reunat

reunan lyhennys vasen reuna oikea reuna yläreuna alareuna reunan paksuus reunan tyyppi reunan väri vasemman reunan paksuus oikean reunan paksuus yläreunan paksuus alareunan paksuus vasemman reunan tyyppi oikean reunan tyyppi yläreunan tyyppi alareunan tyyppi vasemman reunan väri oikean reunan väri yläreunan väri alareunan väri

Pyöristys

pyöristetyt kulmat vasen yläkulma oikea yläkulma vasen alakulma oikea alakulma

Ääriviiva

ääriviivan lyhennys ääriviivan paksuus ääriviivan tyyppi ääriviivan väri ääriviivan siirto

Tausta

taustan lyhennysominaisuus taustaväri taustakuva taustan käyttäytyminen vierityksen yhteydessä taustakuvan sijainti taustan toistotapa taustakuvan sijainti taustan sijainti taustan sijainti vaakasuunnassa taustan sijainti pystysuunnassa taustakuvan koko taustan sumennus taustan kirkkaus taustan kontrasti taustan varjo taustan värikylläisyys taustavärin kääntäminen taustan läpinäkyvyys taustan sepia taustavaikutteet taustakuvan asettaminen taustavärin päälle lähdevärin asettamisen tapa taustaan tyyli taustalle

Varjot

tekstin varjo säiliön varjo

Läpinäkyvyys

läpinäkyvyys elementtien näkyvyys

Gradientit

lineaarinen radiaalinen toistuva lineaarinen toistuva radiaalinen

Rajaus

rajaus luo leikkausalueen elementille lyhennetty ominaisuus maskien käsittelyyn määrittää maskin sijainnin suhteessa elementtiin asettaa kuvan maskiksi määrittää kuinka maski vuorovaikuttaa taustan kanssa määrittää maskin koon määrittää maskin toistamisen määrittää maskin sijaintialueen määrittää maskin leikkausalueen määrittää kuinka useita maskeja yhdistetään

Reunakuvan kuva

reuna kuvana polku reunakuvan kuvaan reunakuvan kuvan jakaminen osiin reunakuvan kuvan toistotapa reunakuvan kuvan siirto reunakuvan kuvan skaalaus

Hiiren käsittely

tekstin valinta tekstin valinnan kielto reaktio hiireen kursorin ulkoasu

Tyyli

tyylin prioriteetti tyyli median tyypille elementtien tyyli, joiden ominaisuudet selain tukee CSS-tiedoston tuonti nykyiseen tyylitauluun elementtien tyyli oletusarvoisesti elementtien tyyli koko näytön tilassa elementtien tyyli, joilla on määritetty arvoalue tyyli kytkimille, jotka ovat määrittämättömässä tilassa tyyli inputille, johon on syötetty väärä arvo tyyli inputille, jolla ei ole required-attribuuttia elementtien tyyli, joiden arvot ylittävät alueen elementtien tyyli, kun vihjetekstiä näytetään inputien tyyli, joilla on readonly-attribuutti inputien tyyli, joita voidaan muokata tyyli inputille, jolla on asetettu required-attribuutti tyyli inputeille, joihin on syötetty oikea arvo tekstikursorin väri inputissa elementtien tyyli tarkenteessa vieritys elementin sisällä

Listat

listan merkityyppi merkin sijainti kuva merkkinä listan lyhennys

Taulukot

reunusten yhdistäminen solujen välinen etäisyys tyhjien solujen näyttäminen taulukon solujen laskenta

Linkit

linkki ennen käyntiä käyty linkki linkin päälle vienti linkin painaminen

Lomakkeet

input kohdistettuna vihje inputissa valittu valintaruutu tai radio epäaktiivinen input aktiivinen input

Mitat

lohkon leveys lohkon korkeus minimileveys maksimileveys minimikorkeus maksimikorkeus

Marginaalit

ulompi marginaali ylämarginaali alamarginaali vasen marginaali oikea marginaali sisempi marginaali yläpadding alapadding vasen padding oikea padding elementin loppusisempi marginaali lohkoakselilla elementin alkusisempi marginaali lohkoakselilla elementin loppusisempi marginaali riviakselilla elementin alkusisempi marginaali riviakselilla

Muut

paddingin, borderin ja widthin laskentatapa elementtien näyttötapa koon muuttaminen elementin kuvasuhde elementtien skaalaus

Laskutoimitukset

matemaattiset operaatiot arvon rajoittaminen alueelle pienin arvoista suurin arvoista

Mittayksiköt

koko pikseleinä koko em koko rem koko prosentteina koko fraktioina koko vw koko vh koko vmax koko vmin

Flexit

akselien suunta tasaus pääakselilla tasaus poikkakselilla monirivinen lohkojen asettelu lyhenne flex-directionille ja flex-wraplle lohkon tasaus poikkakselilla järjestys lohkon peruskoko lohkon "ahneus" lohkon "kutistuvuuskerroin" lyhenne flex-growille, flex-shrinkille ja flex-basisille

Gridit

elementin alkusijainti sarakkeessa elementin loppusijainti sarakkeessa elementin alku- ja loppusijainnit sarakkeessa elementin alkusijainti rivillä elementin loppusijainti rivillä elementin alku- ja loppusijainnit rivillä gridin sarakkeiden lukumäärä ja leveys implisiittisen gridin sarakkeiden lukumäärä ja leveys gridin rivien lukumäärä ja leveys implisiittisen gridin rivien lukumäärä ja leveys elementtien sijoittelu gridissä elementin nimi gridissä etäisyys gridin elementtien välillä etäisyys gridin rivien välillä etäisyys gridin sarakkeiden välillä lyhennetty merkintä verkon ominaisuuksille elementtien automaattinen sijoittelu verkossa elementin sarakkeiden ja rivien lukumäärä ja leveys tasaus poikki- tai pystyakselilla elementtien tasaus gridin solujen sisällä vaaka-akselilla elementtien tasaus gridin solujen sisällä yksittäisen elementin tasaus gridissä vaaka-akselilla yksittäisen elementin tasaus gridissä tasaus pää- ja poikkakseleilla

Sijoittelu

sijoittelu sijainti Z-akselilla sijoittelu ensimmäisen elementin jälkeen elementin alareunan sijainti elementin yläreunan sijainti elementin vasemman reunan sijainti elementin oikean reunan sijainti taulukon otsikon sijainti

Kiertäminen

leijuvat elementit peruu floatin ylempien elementtien osalta määrittää kiertomuodon sisennus kiertäessä

Palstat

palstojen määrä etäisyys palstojen välillä raja palstojen välillä palstojen leveys elementin venyminen palstoille palstojen leveys ja määrä

Kieltäminen

kieltäminen

Sijainnin mukaan

vanhemman ensimmäinen lapsi vanhemman viimeinen lapsi vanhemman n:s lapsi vanhemman n:s lapsi lopusta vanhemman ainoa lapsi

Tyypin ja sijainnin mukaan

vanhemman ensimmäinen määritetyn tyypin lapsi vanhemman viimeinen määritetyn tyypin lapsi vanhemman n:s määritetyn tyypin lapsi vanhemman n:s määritetyn tyypin lapsi lopusta vanhemman ainoa määritetyn tyypin lapsi

Muut

tyhjä elementti tekstin kielen mukaan kohde-elementti

Osa tekstistä

ensimmäinen kirjain ensimmäinen tekstirivi

Siirtymäanimaatiot

keston aika viive ennen toteutusta animoituva ominaisuus animaation nopeus lyhennysominaisuus

Animaatio

animaation avainkehykset animaation nimi keston aika viive ennen toteutusta animaation nopeus toistojen määrä animaation suunta animaation tila tauko lyhennysominaisuus

Muunnokset

muunnos muunnospiste

Kierto

kierto kierto X-akselin ympäri kierto Y-akselin ympäri kierto Z-akselin ympäri kierto kaikkien akselien ympäri

Skaalaus

skaalaus skaalaus X-akselilla skaalaus Y-akselilla

Vino

vinous vinous X-akselilla vinous Y-akselilla

Siirto

siirto siirto X-akselilla siirto Y-akselilla

Tekstin lisääminen

teksti elementin jälkeen teksti elementin edellä teksti after- ja before-elementeille attribuutin sisältö

Laskurit

elementtien automaattinen numerointi laskurin nollaus

Valitsijat

kontekstivalitsija lapsivalitsija vierekkäinen valitsija sisarvalitsija universaalivalitsija

Valitsijat

attribuutin nimen valitsija attribuutin arvon valitsija attribuutin arvon alun valitsija attribuutin arvon lopun valitsija attribuutin tekstin valitsija yhden attribuutin arvon valitsija attribuutin viivalla erotetun arvon valitsija
↑
Suomi▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää