CSS-egenskapslista: Skillnad mellan sidversioner

Versionen från 12 oktober 2014 kl. 14.39

Här är en lista på de vanligaste CSS-egenskaperna. Då CSS är en ständigt föränderlig standard (eller snarare flera standarder), täcker inte denna lista alla möjligheter. Dock så bör detta vara ett bra urval.

Det finns även en hel del CSS-egenskaper som är specifika till olika webbläsare. Generellt sett bör man undvika att använda sig av dessa och hålla sig till de som är standardiserade. Då blir din webbsida mer framtidssäker och mer tillgänglig för dina användare.

A

B

`background-color`

Används för att ändra bakgrundsfärgen på ett element.

`border`

Används för skapa en kantlinje runt ett element. Detta är ett snabbt sätt på vilket man kan ange alla egenskaper som har med kantlinjer att göra (förutom border-radius).

`border-bottom`

`border-bottom-color`

`border-bottom-left-radius`

`border-bottom-right-radius`

`border-bottom-style`

`border-collapse`

`border-color`

`border-image`

C

`color`

Används för att ändra förgrundsfärgen på ett element. Mestadels är detta för att förändra textfärgen, men även andra egenskaper påverkas...

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

`tab-size`

Anger hur stort utrymme ett tabb-tecken ska uppta.

`table-layout`

U

`unicode-bidi`

Anger hur sidan ska hantera text som är skriven i olika riktningar, t.ex. om man blandar arabiska och svenska på samma sida.

V

`vertical-align`

Anger hur ett element ska placeras vertikalt i relation till omgivande element.

`visibilty`

Anger om ett element är synligt eller ej. Även om det inte är synligt så tar det upp plats i sidan.

W

`width`

Används för att ange bredden på ett element. Fungerar lite olika beroende på vilken box-sizing-modell man valt.

`word-break`

Anger hur ord ska avstavas när en rad blir för lång.

`word-spacing`

Anger storleken på mellanrummet mellan ord.

`word-`

Anger om ord ska avstavas när en rad blir för lång

Z

`z-index`

Styr hur olika element ska överlappa. Förflyttar elementen längs en tänkt Z-axel.

@@ Rad 1: / Rad 1: @@
-Här är en lista på de vanligaste CSS-egenskaperna. Då [[CSS]] är en ständigt föränderlig standard (eller snarare flera standarder), täcker inte denna lista alla möjligheter. Dock så bör detta vara ett bra urval.
+Här är en lista på de vanligaste [[CSS-egenskap]]erna. Då [[CSS]] är en ständigt föränderlig standard (eller snarare flera standarder), täcker inte denna lista alla möjligheter. Dock så bör detta vara ett bra urval.
+Det finns även en hel del [[CSS-egenskap]]er som är specifika till olika webbläsare. Generellt sett bör man undvika att använda sig av dessa och hålla sig till de som är standardiserade. Då blir din webbsida mer framtidssäker och mer tillgänglig för dina användare.
+== A ==
+== B ==
+=== <code> [[background-color]] </code> ===
+Används för att ändra bakgrundsfärgen på ett element.
+=== <code> [[border]] </code> ===
+Används för skapa en kantlinje runt ett element. Detta är ett snabbt sätt på vilket man kan ange alla egenskaper som har med kantlinjer att göra (förutom [[border-radius]]).
+=== <code> [[border-bottom]] </code> ===
+=== <code> [[border-bottom-color]] </code> ===
+=== <code> [[border-bottom-left-radius]] </code> ===
+=== <code> [[border-bottom-right-radius]] </code> ===
+=== <code> [[border-bottom-style]] </code> ===
+=== <code> [[border-collapse]] </code> ===
+=== <code> [[border-color]] </code> ===
+=== <code> [[border-image]] </code> ===
+== C ==
+=== <code> [[color]] </code> ===
+Används för att ändra förgrundsfärgen på ett element. Mestadels är detta för att förändra textfärgen, men även andra egenskaper påverkas...
+== D ==
+== E ==
+== F ==
+== G ==
+== H ==
+== I ==
+== J ==
+== K ==
+== L ==
+== M ==
+== N ==
+== O ==
+== P ==
+== Q ==
+== R ==
+== S ==
+== T ==
+=== <code> [[tab-size]] </code> ===
+Anger hur stort utrymme ett tabb-tecken ska uppta.
+=== <code> [[table-layout]] </code> ===
+== U ==
+=== <code> [[unicode-bidi]] </code> ===
+Anger hur sidan ska hantera text som är skriven i olika riktningar, t.ex. om man blandar arabiska och svenska på samma sida.
+== V ==
+=== <code> [[vertical-align]] </code> ===
+Anger hur ett element ska placeras vertikalt i relation till omgivande element.
+=== <code> [[visibilty]] </code> ===
+Anger om ett element är synligt eller ej. Även om det inte är synligt så tar det upp plats i sidan.
+== W ==
+=== <code> [[width]] </code> ===
+Används för att ange bredden på ett element. Fungerar lite olika beroende på vilken [[box-sizing]]-modell man valt.
+=== <code> [[word-break]] </code> ===
+Anger hur ord ska avstavas när en rad blir för lång.
+=== <code> [[word-spacing]] </code> ===
+Anger storleken på mellanrummet mellan ord.
+=== <code> [[word-]] </code> ===
+Anger om ord ska avstavas när en rad blir för lång
+== Z ==
+=== <code> [[z-index]] </code> ===
+Styr hur olika element ska överlappa. Förflyttar elementen längs en tänkt Z-axel.