20. syyskuuta 2016

CSS parametrit

font family:
Määrittää fontin ja jos fonttia ei ole koneella niin sen korvaa listassa seuraavaksi esitetty.
{font-family: "Times New Roman", "Comic Sans MS", Impact;}
text align:
Määrittää missä teksti on.
p {text-align: center;}
color:
Määrittää värin.
p {color: blue;}
font size:
Määrittää fontin koon
p {font-size: 40px} tai {font-size: 180%}
cursor:
Määrittää osoittimen ulkonäön nettisivulla.
span.wait {cursor: wait;}
opacity:
Määrittää kohteen läpinäkyvyyden.
img {opacity: 0.1;}
text decoration:
Ali- ja yliviivaa tekstin.
p {text-decoration: overline;} voidaan myös tehdä koodiin suoraa käyttämällä "del" komentoa: <del>Tämä teksi yliviivataan</del>
background color:
Määrittää taustan värin
body {background-color: blue;}
background image:
Määrittää taustakuvan.
body {background-image: kuva.jpg;}
widht:
Määrittää elementin leveyden.
img {widht: 50%;}
height:
Määrittää elementin koon vertikaalisesti
img {height: 120%;}
outline style:
Määrittää minkälainen ulkoreuna.
p{outline-style: solid;}

padding:
Määrittää minkä verran kohteen ympärillä on tilaa.
img {padding: 10px;}
letter spacing:
Määrittää kirjainten välisen tilan
p {letter-spacing: -5px;}

Esimerkki listasta
<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>

</ul>
list-style-type:
Määrittää mikä merkki tulee listan tuotteen eteen, esimerkkinä ympyrä.
ul.a {list-style-type: circle;}
word spacing:
p {word-spacing: 10px;}
border collapse:
Määrittää onko taulukon ruutujen välissä tyhjää väliä vai ei.
table {border-collapse: collapse;}

Ei kommentteja:

Lähetä kommentti