Attributen
Härifrån och ned kommer de olika specifikationerna för de olika attributen. Du behöver inte läsa allting utan gå upp och tryck på det attributet du vill veta mer om så kommer du automatiskt till förklaringen.
- background:
Bestämmer bakgrunden för ett element.
background: color image attachment position repeat;
bakground-color: #FÄRG;
background-image: url(http://adressentilldinbild.se/dinbild.jpg), none;
background-attachment: scroll, fixed;
background-position: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right, x% y%, xpos ypos;
background-repeat: repeat, repeat-x, repeat-y, no-repeat;
scroll: bakgrundsbilden scrollas samtidigt som sidan scrollas ner
fixed: bakgrundsbilden scrollas inte när sidan scrollas ner
top: topp
left: vänster
center: mitten
right: höger
x% y%: sidans vågräta position i % sidans lodräta position i %
xpos ypox: sidans vågräta position i pixlar sidans lodräta position i pixlar
repeat: upprepa lodrätt och vågrätt
repeat-x: upprepa endast vågrätt
repeat-y: upprepa endast lodrätt
no-repeat: upprepa inte
exempel:
background: #000000 url(http://colorsandlovers.blogg.se/meetagraycheetahbg.png) fixed top left repeat;
- border:
Bestämmer kantlisterna för ett element.
border-left: width style color;
border-left-width: thin, medium, thick, px;
border-left-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset;
border-left-color: #FÄRG;
thin: tunn
medium: medel
thick: tjock
px: pixlar
none: ingen
hidden: gömd
dotted: prickig
dashed: streckad
solid: heldragen
double: dubbel
groove: grove
ridge: ås
inset: infälld
outset: utfälld
border-left (kant-vänster) kan ersättas eller kompleteras med border-right (höger), border-top (topp), border-bottom (botten) eller border (alla kanter).
exempel:
border: #000000 dashed 4px;
- color:
Bestämmer färgen för text.
color: #FÄRG;
exempel:
color: #000000;
- float:
Bestämmer vart ett element kommer att hamna inuti ett annat element.
float: left, right, none;
left: vänster
right: höger
none: ingen
- height:
Bestämmer hur hög ett element ska vara.
height: auto, px, %;
auto: webbläsaren bestämmer automatiskt
px: pixlar
%: procentandel av elementet
- margin:
Bestämmer mellanrummet runt om ett element.
margin: auto, px, %;
margin-left: auto, px, %;
margin-left (marginal-vänster) kan ersättas eller kompleteras med margin-right (höger), margin-top (topp), margin-bottom (botten) eller margin (alla marginaler).
auto: webbläsaren bestämmer automatiskt
px: pixlar
%: procentandel av elementet
- overflow:
Bestämmer vad som händer om ett element överlappar sitt utrymme.
overflow: visible, hidden, scroll, auto;
visible: Elementet beskärs inte utan går över utrymmet
hidden: Elementet beskärs
scroll: Elementet beskärs + får en rullningslist
auto: Om elementet beskärs får den en rullningslist som visar resten av innehållet
- padding:
Bestämmer utrymmet mellan ett elements kant och dess innehåll.
padding: auto, px, %;
padding-left: auto, px, %;
auto: webbläsaren bestämmer automatiskt
px: pixlar
%: procentandel
padding-left (utfyllnad-vänster) kan ersättas eller kompleteras med padding-right (höger), padding-top (topp), padding-bottom (botten) eller padding (all utfyllnad).
- position:
Bestämmer ett elements slag av position
position: static, relative, absolute, fixed;
static: position i ordningsföljd
relative: element är bara relativt till sig självt
absolute: position som "släpper" från sidan
fixed: fixerad position med koordinater beroende av webbläsarens fönster.
- text-align:
Bestämmer textposition i ett element.
text-align: left, right, center, justify;
left: vänster
right: höger
center: mitten
justify: kantjustera
- vertical-align:
Bestämmer lodrät position inuti ett element.
vertical-align: baseline, sub, super, top, text-top, middle, bottom, text-bottom, lenght, %;
baseline: baslinje
sub: nedsänkt
super: upphöjt
top: topp
text-top: text-topp
middle: mitten
bottom:botten
text-bottom: text-botten
lenght: i pixlar eller andra längdenheter
%: procentandel
- voice-family:
Bestämmer rösten på uppläsning av text i ett element.
inherit: Använder de förinställningar som besäkaren redan har på sin dator.
- width:
Bestämmer hur bred ett element ska vara.
width: auto, px, %;
auto: Webbläsaren bestämmer
px: pixlar
%: procentandel
- background:
Bestämmer bakgrunden för ett element.
background: color image attachment position repeat;
bakground-color: #FÄRG;
background-image: url(http://adressentilldinbild.se/dinbild.jpg), none;
background-attachment: scroll, fixed;
background-position: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right, x% y%, xpos ypos;
background-repeat: repeat, repeat-x, repeat-y, no-repeat;
scroll: bakgrundsbilden scrollas samtidigt som sidan scrollas ner
fixed: bakgrundsbilden scrollas inte när sidan scrollas ner
top: topp
left: vänster
center: mitten
right: höger
x% y%: sidans vågräta position i % sidans lodräta position i %
xpos ypox: sidans vågräta position i pixlar sidans lodräta position i pixlar
repeat: upprepa lodrätt och vågrätt
repeat-x: upprepa endast vågrätt
repeat-y: upprepa endast lodrätt
no-repeat: upprepa inte
exempel:
background: #000000 url(http://colorsandlovers.blogg.se/meetagraycheetahbg.png) fixed top left repeat;
- border:
Bestämmer kantlisterna för ett element.
border-left: width style color;
border-left-width: thin, medium, thick, px;
border-left-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset;
border-left-color: #FÄRG;
thin: tunn
medium: medel
thick: tjock
px: pixlar
none: ingen
hidden: gömd
dotted: prickig
dashed: streckad
solid: heldragen
double: dubbel
groove: grove
ridge: ås
inset: infälld
outset: utfälld
border-left (kant-vänster) kan ersättas eller kompleteras med border-right (höger), border-top (topp), border-bottom (botten) eller border (alla kanter).
exempel:
border: #000000 dashed 4px;
- color:
Bestämmer färgen för text.
color: #FÄRG;
exempel:
color: #000000;
- float:
Bestämmer vart ett element kommer att hamna inuti ett annat element.
float: left, right, none;
left: vänster
right: höger
none: ingen
- height:
Bestämmer hur hög ett element ska vara.
height: auto, px, %;
auto: webbläsaren bestämmer automatiskt
px: pixlar
%: procentandel av elementet
- margin:
Bestämmer mellanrummet runt om ett element.
margin: auto, px, %;
margin-left: auto, px, %;
margin-left (marginal-vänster) kan ersättas eller kompleteras med margin-right (höger), margin-top (topp), margin-bottom (botten) eller margin (alla marginaler).
auto: webbläsaren bestämmer automatiskt
px: pixlar
%: procentandel av elementet
- overflow:
Bestämmer vad som händer om ett element överlappar sitt utrymme.
overflow: visible, hidden, scroll, auto;
visible: Elementet beskärs inte utan går över utrymmet
hidden: Elementet beskärs
scroll: Elementet beskärs + får en rullningslist
auto: Om elementet beskärs får den en rullningslist som visar resten av innehållet
- padding:
Bestämmer utrymmet mellan ett elements kant och dess innehåll.
padding: auto, px, %;
padding-left: auto, px, %;
auto: webbläsaren bestämmer automatiskt
px: pixlar
%: procentandel
padding-left (utfyllnad-vänster) kan ersättas eller kompleteras med padding-right (höger), padding-top (topp), padding-bottom (botten) eller padding (all utfyllnad).
- position:
Bestämmer ett elements slag av position
position: static, relative, absolute, fixed;
static: position i ordningsföljd
relative: element är bara relativt till sig självt
absolute: position som "släpper" från sidan
fixed: fixerad position med koordinater beroende av webbläsarens fönster.
- text-align:
Bestämmer textposition i ett element.
text-align: left, right, center, justify;
left: vänster
right: höger
center: mitten
justify: kantjustera
- vertical-align:
Bestämmer lodrät position inuti ett element.
vertical-align: baseline, sub, super, top, text-top, middle, bottom, text-bottom, lenght, %;
baseline: baslinje
sub: nedsänkt
super: upphöjt
top: topp
text-top: text-topp
middle: mitten
bottom:botten
text-bottom: text-botten
lenght: i pixlar eller andra längdenheter
%: procentandel
- voice-family:
Bestämmer rösten på uppläsning av text i ett element.
inherit: Använder de förinställningar som besäkaren redan har på sin dator.
- width:
Bestämmer hur bred ett element ska vara.
width: auto, px, %;
auto: Webbläsaren bestämmer
px: pixlar
%: procentandel
