määrittää taustakuvan koon, paikan, toiston, värin ja yms.
esim. body {
background-image: url(nimi.jpg / www.kuva.fi); (Kuva)
background_color: black; (Väri)
background-repeat: no-repeat; (Toisto)
background-position: right top; (Sijainti)
}
Font:
määrittää tekstin "perheen", koon, paksuuden, tyylin.
esim. p {
font-family: fantasy, cursive, Serif;("Perhe")
font-style: italic (Tyyli)
font-size: 10px; (Koko)
font-weight: 900 (Pasksuus)
}
Volume:
määrittää äänen kovuuden.
esim. h1{
volume: 50; (Voimakkuus)
tai
volume: silent, x-soft, soft, medium, loud, x-loud, inherit
}
Text-shadow:
määritetään tekstille varjo.
esim. h1{
text-shadow: 4px 4px 6px blue (varjo)
}
Outline:
märittää reunukset
esim. p {
outline: thick solid red (Punaiset reunat)
}
Float:
määrittää tekstin paikan (vasen / oikea)
esim. h1{
float: left (h1 teksti vasemmalle puolelle...)
}
Margin:
siirtää koko "tekstilaatikkoa"
esim. p {
margin-top: 50px; (ylä 50px)
margin-bottom: 50px; (ala 50px)
margin-right: 50px; (oikea 50px)
margin-left: 50px; (vasen 50px)
}
Padding:
siirtää tekstiä "laatikon sisällä"
esim. p {
padding-top: 50px; (ylä 50px)
padding-bottom: 50px; (ala 50px)
padding-right: 50px; (oikea 50px)
padding-left: 50px; (vasen 50px)
}
Div top, bottom, right, left:
voi määrittää missä jokin asia sijaitsee netti sivulla
esim. div{
position: relative;
top: 20px;
}
Text-align:
määritetään onko teksti tasoitettu oikealle, vasemmalle vai keskelle
esim. div{
text-align: left, right, center;
}
Border:
voidaan tehdä laatikko teksti laatikon ympärille
esim. div.styled {
border:2px dotted #ff9900;
}
<div class="styled"> (tarvitsee tämän)
Color:
määritetään taustan tai fontin väri
esim. h1{
color: red;
color: #ff0000;
color: rgb(255,0,0);
color: rgb(100%,0%,0%);
}
White-space:
Määritetään rivinvaihto
esim. p {
white-space: nowrap, normal, pre, inherit;
}
Empty-cells:
Määrittää, että näytetäänkö tyhjät lokerot
esim. table {
empty-cells: hide, show, inherit;
}
Ei kommentteja:
Lähetä kommentti