16. CSS parametrit

column: Asettaa pitkät tekstit omiin osiinsa
 .column {
float: left;
width; 50%;

Background-color: Muuttaa taustan väriksi

background-color: #000000;


Background-position: Keskittää taustan

background-position: center;


Font-size: Muuttaa tekstin koon

font-size: (esim) 1.2em;

cursor: Muuttaa hiiren olomuotoa esim siitä voi tehdä pizzan

cursor: crosshair;


font-family: Muuttaa fontin, tai fonttiperheen.

h1 {font-family:Gotham, Helvetica Neue, Helvetica, "Arial", sans-serif}


text-align: Muuttaa tekstin linjauksen elementissä.
Esim:

text align: center;
text align: end;

color: Muuttaa tekstin värin elementissä.
color: red;
color: #6486FT;
color: #CCC;
color: rbga (28, 28, 28, 0.5)

image-resolution: Muuttaa kuvan resoluution

image-resolution: [value];

Background-size: Muuttaa taustan koon

background-size: cover;

Text-shadow: Muuttaa tekstit varjon eri väriseksi

text-shadow: 1px 1px 2px red, 0 0 5em blue, 0 0 0.1em blue;

Background-repeat: Muuttaa taustan esim sellaiseksi ettei se tule montaa kertaa taustalle

 background-repeat: no-repeat;

Outline: Muutetaan tekstin reunat
border: 1px solid black;
outline-style: solid;
outline-color: blue;

Transform: Kääntää tekstin, laatikon tai muuta sivun sisältöä
Transform: rotate(45deg);

Text-decoration: Voi koristella tekstiä esim. voit lisätä tekstin ylle viivan
text-decoration: overline;

border-left-color: Lisää tekstin alkuun viivan jonka väriä voi muuttaa
border-left: 5px solid red;

background-attachment: Voi määrittää liikkuuko kuva sivun mukana
background-attachment: scroll;

Box-shadow: voit lisätä laatikolle varjon
border: 1px solid;
padding: 10px;
box-shadow: 5px 10px #000000;

Height: voit muuttaa objektin korkeutta
height: 20px;

Width: voit muuttaa objektin leveyttä
width: 20px;