perjantai 12. syyskuuta 2014

Tärkeitä CSS parametrejä

Tärkeitä 20 CSS parametriä (ei missään tärkeysjärjestyksessä) (joistain puuttuu { ja} koska älysin vasta sen myöhemmin.)

1.
list-style: square url("kuva.gif");
 -Voi laittaa oman kuvan tekstin "listamerkiksi"

2.
ul.circle {list-style-type: circle;}
  ul.square {list-style-type: square;}
  ol.upper-roman {list-style-type: upper-roman;}
  ol.lower-alpha {list-style-type: lower-alpha;}  -Yleisiä listamerrkityylejä, ympyröitä, kuutioita, roomalaisia numeroita ja       aakkoset

3.
margin: 2cm 4cm 3cm 4cm;
  Voi asettaa <p> elementin kaikki neljä marginaalia.

4.
max-width: 100px;
<p> elementin maximi leveys

5.
opacity: 0.5;
 Voi säätää <div> elementin sameutta

6.
outline: #00FF00 dotted thick;
 <p> elementin ääriviivat

7.
outline-width: 5px;
   Ääriviivojen leveys.

8.
position: absolute; left: 100px; top: 150px;
 <h2> elementin sijainti.

9.
quotes: "«" "»";
 Lainausmerkit lainaukseen?

10.
resize: both; overflow: auto;
 Muokkaa <div> elementtiä käyttäjän mukaan

11.
body {
background-image: url('paper.gif');background-color: #cccccc;
}
 <body> elementin taustakuva

12.
div {
background: url(img_flwr.gif);background-size: 80px 60px;background-repeat: no-repeat;
}
Taustakuvan koko

13.
{
border-style: solid;border-bottom: thick dotted #ff0000;
}
Alarajan tyyli

14.
div {border-image-source: url(border.png);}
<div> elementin rajat omalla kuvalla.

15.{
border-style: solid;
}
Kaikkien neljän sivun rajojen tyylit.

16.div {
    box-shadow: 10px 10px 5px #888888;
}
Lisää laatikkvarjo <div> elementiin.

17.
img {
    position: absolute;
    clip: rect(0px,60px,200px,0px);
}
Leikkaa kuvaa.

18.
span.crosshair {
    cursor: crosshair;
}

span.help {
    cursor: help;
}

span.wait {
    cursor: wait;
}
erilaisia kursoreita

19.
div {
    direction: rtl;
}
Muuttaa teksin suuntaa.

20.
img  {
    float: right;
}
Antaa kuvan "leijua" oikealle.

Ei kommentteja:

Lähetä kommentti