| Tag |
Förklaring |
| |
|
| Selektorer |
|
| id |
Utseende i css.
Matchar alla element med id=intro.
#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
}
Matchar endast, i det här fallet, p-element.
p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
}
Utseende i html-koden.
<p id="intro">
Det här stycket kommer att få större text och annan färg.
</p>
|
| class |
Anger olika utseenden för samma tagg.
Utseende i css.
p.right {text-align: right}
p.center {text-align: center}
Utseende i html-koden.
<p class="right">
Det här stycket kommer att få högerställd text.
</p>
<p class="center">
Det här stycket kommer att få centrerad text.
</p>
Samma klass kan användas till flera olika taggar genom att utesluta det
inledande elementet.
Utseende i css.
.center {text-align: center}
Utseende i html-koden.
<h1 class="center">
Den här rubriken kommer att bli centrerad.
</h1>
<p class="center">
Det här stycket kommer att få centrerad text.
</p>
|
| tagg |
Anger sidans titel.
<title>IP3, uppgift 1a, Fredjon skriver
xhtml</title> |
| |
|
| Teckensnitt |
|
| font |
Sätter alla värden för elementet font i en
deklaration.
Möjliga värden att sätta:
font-style
font-variant
font-weight
font-size/line-height
font-family
line-height
Utseende i css.
p
{
font: italic bolder
}
p
{
font: italic small-caps bold 12px arial
}
p
{
font: oblique small-caps 900 12px/14px arial
}
|
| font-family |
Fungerar som en prioritetslista över fonter för
ett element. Webbläsaren använder den första font den känner
igen.
Vid angivning av flera värden ska dessa avgränsas med ett kommatecken.
Om värdet innehåller ett mellanslag ska det omgärdas av
citationstecken.
Utseende i css.
body
{
font-family: courier, serif
}
p
{
font-family: arial, "lucida console", sans-serif
}
|
| font-stretch |
Drar ut eller trycker ihop den aktuella fonten.
Utseende i css.
h2
{
font-stretch: ultra-condensed
}
Möjliga attribut:
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
|
| font-size |
Sätter storleken på fonten.
Utseende i css.
body
{
font-size: x-large
}
p
{
font-size: 10px
}
Möjliga attribut:
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
|
| font-size-adjust |
Sätter värdet på förhållandet mellan höjd på
fonten och höjden på fontens 'x'.
Används genom att värdet sätts till det som förstavalsfonten har.
Om denna inte kan användas så får de andra alternativen samma
förhållande som första valet.
Utseende i css.
h2
{
font-size-adjust: 0.58
}
Möjliga attribut:
none
number
|
| font-style |
Anger utseende på fonten.
Utseende i css.
body
{
font-style: italic
}
Möjliga attribut:
normal
italic
oblique
|
| font-variant |
Visar fontens gemener som versaler men i en mindre storlek än den övriga
texten.
Utseende i css.
p
{
font-variant: small-caps
}
Möjliga attribut:
normal
small-caps
|
| font-weight |
Anger hur tjocka (eller tunna) bokstäverna i texten ska vara.
Utseende i css.
p
{
font-weight: bold
}
Möjliga värden:
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
|
| |
|
| Text |
|
| letter-spacing |
Ökar eller minskar avståndet mellan bokstäverna i texten.
Utseende i css.
p
{
letter-spacing: 12px
}
p
{
letter-spacing: -0.5px
}
Möjliga attribut:
normal
length
|
| word-spacing |
Ökar eller minskar avståndet mellan orden i texten.
Utseende i css.
p
{
word-spacing: 30px
}
p
{
word-spacing: -0.5px
}
Möjliga attribut:
normal
length
|
| line-height |
Anger avståndet mellan textrader.
Utseende i css.
p
{
line-height: 1.4
}
p
{
line-height: 14pt
}
p
{
line-height: 140%
}
Möjliga attribut:
normal
number
length
%
|
| text-align |
Anger hur texten ska skrivas ut.
ÄNDRA!!!
Utseende i css.
p
{
text-align: center
}
Möjliga attribut:
left
right
center
justify
|
| text-decoration |
Anger dekorationer på texten.
Utseende i css.
p
{
text-decoration: underline
}
Möjliga attribut:
none
underline
overline
line-through
blink
|
| text-shadow |
Vet faktiskt inte. Det står inget på w3schools om det... :-P
Utseende i css.
nope. inget. nepp
Möjliga attribut:
none
color
length
|
| text-indent |
Gör ett indrag av första raden i en text.
Utseende i css.
p
{
text-indent: 20px
}
p
{
text-indent: -12px
}
Möjliga attribut:
length
%
|
| text-transform |
Kontrollerar utseendet på bokstäverna i ett element.
Utseende i css.
p
{
text-transform: uppercase
}
Möjliga attribut:
none
capitalize
uppercase
lowercase
|
| white-space |
Anger hur mellanslag i en text ska hanteras.
Utseende i css.
p
{
white-space: normal
}
Möjliga attribut:
normal
pre
nowrap
|
| |
|
| Listor |
|
| list-style |
Sätter alla värden för elementet list i en deklaration.
Möjliga värden att sätta:
list-style-type
list-style-position
list-style-image
Utseende i css.
ul
{
list-style: disc outside
}
ol
{
list-style: decimal inside
}
|
| list-style-image |
Byter ut listmarkören mot en bild.
Det är bra att lägga till en list-style-type om bilden inte är
tillgänglig.
Utseende i css.
ol
{
list-style-image: url(blueball.gif);
list-style-type: circle
}
Möjliga attribut:
none
url
|
| list-style-position |
Anger var listmarkören ska placeras.
Utseende i css.
ol
{
list-style-position: inside
}
Möjliga attribut:
inside
outside
|
| list-style-type |
Anger utseendet på listmarkören.
En del läsare stödjer endast 'disc'.
Utseende i css.
ul
{
list-style-type: disc
}
Möjliga attribut:
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
|
| marker-offset |
Vet faktiskt inte. Det står inget på w3schools om det... :-P
Utseende i css.
glöm det...!
Möjliga attribut:
auto
length
|
| |
|
| Färg |
|
| Egen |
Egna färger anges med värden för rött, grönt och
blått.
Värdena kan anges antingen som decimalt (0-255) eller hexadecimalt (#00-#FF).
Utseende i css.
{
color: #ff00cc;
}
{
color: rgb(250,0,255);
}
Möjliga attribut:
color-rgb
color-hex
|
| Fördefinierad |
Fördefinierade färger anges med färgens namn.
Utseende i css.
{
color: red;
}
Möjliga attribut:
color-name
Här finns en lista
på nästan 150 fördefinierade färger.
|
| |
|
| Synlighet |
|
| visibility |
Anger om elementet ska vara synligt eller inte.
Utseende i css.
p
{
visibility: visible
}
Möjliga attribut:
visible
hidden
collapse
|
| clip |
Beskär bild-elementet.
Värdena anges i ordningen över, höger, under, vänster.
Utseende i css.
img
{
clip: rect(10px, 5px, 10px, 5px)
}
Möjliga attribut:
shape
auto
|
| display |
Anger om/hur ett element ska visas.
Utseende i css.
p
{
display: block
}
li
{
display: list-item
}
table
{
display: table
}
td, th
{
display: table-cell
}
Möjliga attribut:
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
|
| overflow |
Anger vad som händer om ett element tar upp mer plats än vad som avsetts.
Utseende i css.
p
{
overflow: scroll
}
Möjliga attribut:
visible
hidden
scroll
auto
|
| |
|
| Bakgrund |
|
| background |
Sätter alla värden för elementet background i en deklaration.
Möjliga värden att sätta:
background-color
background-image
background-repeat
background-attachment
background-position
Utseende i css.
body
{
background: #FF0000
}
body
{
background: url(stars.gif) no-repeat top
}
body
{
background: #00FF00 url(stars.gif) no-repeat fixed top
}
|
| background-attachment |
Anger om bakgrundsbilden ska vara fixerad eller om den ska scrollas tillsammans med
sidan.
Utseende i css.
body
{
background-image: url(stars.gif);
background-attachment: scroll
}
Möjliga attribut:
scroll
fixed
|
| background-color |
Anger bakgrundsfärg för ett element.
Utseende i css.
p
{
background-color: #00ff00
}
Möjliga attribut:
color-rgb
color-hex
color-name
transparent
|
| background-image |
Anger en bild som bakgrund.
Det är bra att lägga till en background-color om bilden inte är
tillgänglig.
Utseende i css.
body
{
background-image: url(stars.gif);
background-color: #000000
}
Möjliga attribut:
url
none
|
| background-position |
Anger startpositionen för en bakgrundsbild.
Utseende i css.
body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: top left
}
body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: 0% 0%
}
Möjliga attribut:
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
|
| background-repeat |
Anger om/hur en backgrundsbild ska repeteras.
Utseende i css.
body
{
background-image: url(stars.gif);
background-repeat: repeat-x
}
Möjliga attribut:
repeat
repeat-x
repeat-y
no-repeat
|
| |
|
| Marginaler |
|
| margin |
Sätter värden för alla fyra marginaler i en deklaration.
Möjliga värden att sätta:
margin-top
margin-right
margin-bottom
margin-left
Utseende i css.
h1 {margin: 10px}
alla fyra marginaler kommer att bli 10px
h1 {margin: 10px 2%}
övre och nedre marginal kommer att bli 10px, höger och vänster
marginal kommer att bli 2% av den totala bredden av dokumentet.
h1 {margin: 10px 2% -10px}
övre marginal kommer att bli 10px, höger och vänster marginal kommer
att bli 2% av den totala bredden av dokumentet, nedre marginalen kommer att bli
-10px.
h1 {margin: 10px 2% -10px auto}
övre marginalen kommer att bli 10px, höger marginal kommer att bli 2% av
den totala bredden av dokumentet, nedre marginal kommer att bli -10px, vänster
marginal kommer att bestämmas av läsaren.
|
| margin-top |
Anger den övre marginalen för ett element.
Utseende i css.
h1
{
margin-top: 10px
}
h2
{
margin-top: -20px
}
Möjliga attribut:
auto
length
%
|
| margin-right |
Anger den högra marginalen för ett element.
Utseende i css.
h1
{
margin-right: 10px
}
h2
{
margin-right: -20px
}
Möjliga attribut:
auto
length
%
|
| margin-bottom |
Anger den nedre marginalen för ett element.
Utseende i css.
h1
{
margin-bottom: 10px
}
h2
{
margin-bottom: -20px
}
Möjliga attribut:
auto
length
%
|
| margin-left |
Anger den vänstra marginalen för ett element.
Utseende i css.
h1
{
margin-left: 10px
}
h2
{
margin-left: -20px
}
Möjliga attribut:
auto
length
%
|
| |
|
| Kantlinjer |
|
| border-color |
Anger färg för kantlinjerna.
Innan border-color sätts måste border-style vara satt - ett element måste
ha kantlinjer innan det går att ändra färgen på dem.
Utseende i css.
table {border-color: red}
alla fyra kantlinjer kommer att bli röda
table {border-color: red green}
övre och nedre kantlinjen kommer att bli röda, höger och vänster
kantlinje kommer att bli gröna
table {border-color: red green blue}
övre kantlinjen kommer att bli röd, höger och vänster kantlinje
kommer att bli gröna, nedre kantlinjen kommer att bli blå
table {border-color: red green blue yellow}
övre kantlinjen kommer att bli röd, höger kantlinje kommer att bli
grön, nedre kantlinjen kommer att bli blå, vänster kantlinje kommer att
bli gul
Möjliga attribut:
color-rgb
color-hex
color-name
transparent
|
| border-top-color |
Anger övre kantfärgen för ett element.
Utseende i css.
table
{
border-top-color: #ff3366
}
table
{
border-top-color: rgb(255,0,0)
}
Möjliga attribut:
color-rgb
color-hex
color-name
|
| border-right-color |
Anger högra kantfärgen för ett element.
Utseende i css.
table
{
border-right-color: #ff3366
}
table
{
border-right-color: rgb(255,0,0)
}
Möjliga attribut:
color-rgb
color-hex
color-name
|
| border-bottom-color |
Anger nedre kantfärgen för ett element.
Utseende i css.
table
{
border-bottom-color: #ff3366
}
table
{
border-bottom-color: rgb(255,0,0)
}
Möjliga attribut:
color-rgb
color-hex
color-name
|
| border-left-color |
Anger vänstra kantfärgen för ett element.
Utseende i css.
table
{
border-left-color: #ff3366
}
table
{
border-left-color: rgb(255,0,0)
}
Möjliga attribut:
color-rgb
color-hex
color-name
transparent
|
| border-style |
Anger stilen på kantlinjerna.
Utseende i css.
table {border-style: dotted}
alla fyra kantlinjer kommer att bli prickiga
table {border-style: dotted dashed}
övre och nedre kantlinjen kommer att bli prickiga, höger och vänster
kantlinje kommer att bli streckade
table {border-style: dotted dashed solid}
övre kantlinjen kommer att bli prickig, höger och vänster kantlinje kommer
att bli streckade, nedre kantlinjen kommer att bli heldragen
table {border-style: dotted dashed solid double}
övre kantlinjen kommer att bli prickig, höger kantlinje kommer att bli streckad,
nedre kantlinjen kommer att bli heldragen, vänster kantlinje kommer att bli dubbel
Möjliga attribut:
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
|
| border-top-style |
Anger stil på övre kantlinjen f&oul;r ett element.
Utseende i css.
table
{
border-top-style: solid
}
Möjliga attribut:
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
|
| border-right-style |
Anger stil på högra kantlinjen f&oul;r ett element.
Utseende i css.
table
{
border-right-style: solid
}
Möjliga attribut:
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
|
| border-bottom-style |
Anger stil på nedre kantlinjen f&oul;r ett element.
Utseende i css.
table
{
border-bottom-style: solid
}
Möjliga attribut:
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
|
| border-left-style |
Anger stil på vänstra kantlinjen f&oul;r ett element.
Utseende i css.
table
{
border-left-style: solid
}
Möjliga attribut:
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
|
| border |
Sätter värden för alla fyra kantlinjer i en deklaration.
Möjliga värden att sätta:
border-width
border-style
border-color
Utseende i css.
p
{
border: thin dotted #00FF00
}
span
{
border: solid #0000FF
}
|
| border-top |
Sätter värden för övre kantlinjen i en deklaration.
Möjliga värden att sätta:
border-top-width
border-style
border-color
Utseende i css.
table
{
border-top: thin dotted #00FF00
}
table
{
border-top: solid #0000FF
}
|
| border-right |
Sätter värden för högra kantlinjen i en deklaration.
Möjliga värden att sätta:
border-right-width
border-style
border-color
Utseende i css.
table
{
border-right: thin dotted #00FF00
}
table
{
border-right: solid #0000FF
}
|
| border-bottom |
Sätter värden för nedre kantlinjen i en deklaration.
Möjliga värden att sätta:
border-bottom-width
border-style
border-color
Utseende i css.
table
{
border-bottom: thin dotted #00FF00
}
table
{
border-bottom: solid #0000FF
}
|
| border-left |
Sätter värden för vänstra kantlinjen i en deklaration.
Möjliga värden att sätta:
border-left-width
border-style
border-color
Utseende i css.
table
{
border-left: thin dotted #00FF00
}
table
{
border-left: solid #0000FF
}
|
| border-width |
Anger tjockleken för kantlinjerna.
Möjliga värden att sätta:
thin
medium
thick
length
Utseende i css.
table {border-width: thin}
alla fyra kantlinjer kommer att bli tunna
table {border-width: thin medium}
övre och nedre kantlinjen kommer att bli tunna, höger och vänster kantlinje
kommer att bli mellantjocka
table {border-style: thin medium thick}
övre kantlinjen kommer att bli tunn, höger och vänster kantlinje kommer att
bli mellantjocka, nedre kantlinjen kommer att bli tjock
table {border-style: thin medium thick none}
övre kantlinjen kommer att bli tunn, höger kantlinje kommer att bli mellantjock,
nedre kantlinjen kommer att bli tjock, vänster sida kommer inte att få
någon kantlinje
|
| border-top-width |
Anger tjocklek för övre kantlinjen.
Utseende i css.
table
{
border-top-width: thin
}
table
{
border-top-width: 0.5cm
}
Möjliga attribut:
thin
medium
thick
length
|
| border-right-width |
Anger tjocklek för högra kantlinjen.
Utseende i css.
table
{
border-right-width: thin
}
table
{
border-right-width: 0.5cm
}
Möjliga attribut:
thin
medium
thick
length
|
| border-bottom-width |
Anger tjocklek för nedre kantlinjen.
Utseende i css.
table
{
border-bottom-width: thin
}
table
{
border-bottom-width: 0.5cm
}
Möjliga attribut:
thin
medium
thick
length
|
| border-left-width |
Anger tjocklek för vänstra kantlinjen.
Utseende i css.
table
{
border-left-width: thin
}
table
{
border-left-width: 0.5cm
}
Möjliga attribut:
thin
medium
thick
length
|
| |
|
| Outlines |
|
| outline |
Sätter alla värden för outline i en deklaration.
Outline ger en linje runt ett element.
Möjliga värden att sätta:
outline-color
outline-style
outline-width
Utseende i css.
button
{
outline: red solid thin
}
|
| outline-color |
Anger färg för outline.
Utseende i css.
button
{
outline-color: red
}
Möjliga attribut:
color
invert
|
| outline-style |
Anger stil för outline.
Utseende i css.
button
{
outline-style: solid
}
Möjliga attribut:
none
dotted
dashed
solid
double
groove
ridge
inset
outset
|
| outline-width |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| |
|
| Paddning |
|
| padding |
Sätter alla värden för utfyllningen runt ett element i en
deklaration.
Möjliga värden att sätta:
padding-top
padding-right
padding-bottom
padding-left
Utseende i css.
h1 {padding: 10px}
utfyllningen kommer att bli 10 px på alla fyra sidor av elementet
h1 {padding: 10px 2%}
övre och nedre utfyllning kommer att bli 10 px, höger och vänster
utfyllning kommer att bli 2% av bredden av närmsta element.
h1 {padding: 10px 2% 15px}
övre utfyllning kommer att bli 10 px, höger och vänster
utfyllning kommer att bli 2% av bredden av närmsta element, nedre utfyllning
kommer att bli 15 px
h1 {padding: 10px 2% 15px 20px}
övre utfyllning kommer att bli 10 px, höger utfyllning kommer att bli 2% av
bredden av närmsta element, nedre utfyllning kommer att bli 15 px, vänster
utfyllning kommer att bli 20 px
|
| padding-top |
Anger tjockleken för den övre utfyllningen av ett element.
Utseende i css.
h1
{
padding-top: 10px
}
Möjliga attribut:
length
%
|
| padding-right |
Anger tjockleken för den högra utfyllningen av ett element.
Utseende i css.
h1
{
padding-right: 10px
}
Möjliga attribut:
length
%
|
| padding-bottom |
Anger tjockleken för den nedre utfyllningen av ett element.
Utseende i css.
h1
{
padding-bottom: 10px
}
Möjliga attribut:
length
%
|
| padding-left |
Anger tjockleken för den vänstra utfyllningen av ett element.
Utseende i css.
h1
{
padding-left: 10px
}
Möjliga attribut:
length
%
|
| |
|
| Tabeller |
|
| table-layout |
Sets the algorithm used to lay out the table
Utseende i css.
*** Inget i w3scools... ***
Möjliga attribut:
auto
fixed
|
| border-collapse |
Förstår inte riktigt w3schools - The border-collapse property sets the border
model of a table.
Utseende i css.
table
{
border-collapse: separate
}
Möjliga attribut:
collapse
separate
|
| border-spacing |
Sätter avståndet mellan närliggande celler.
Utseende i css.
inget i w3schools
Möjliga attribut:
length length
|
| caption-side |
Anger var rubriken till tabellen ska vara.
Utseende i css.
Inte nåt exempel här heller...
Möjliga attribut:
top
bottom
left
right
|
| empty-cells |
Anger om celler utan synligt innehåll ska ha kantlinjer eller inte.
Utseende i css.
Nope, inget ex
Möjliga attribut:
show
hide
|
| |
|
| Storlek |
|
| width |
Anger bredden på ett element.
Utseende i css.
img
{
width: 100%
}
Möjliga attribut:
auto
length
%
|
| height |
Anger höjden på ett element.
Utseende i css.
img
{
height: 230px
}
Möjliga attribut:
auto
length
%
|
| max-width |
Anger maxbredd på ett element.
Utseende i css.
h2
{
max-width: 500px
}
Möjliga attribut:
none
length
%
|
| max-height |
Anger maxhöjd på ett element.
Utseende i css.
p
{
max-height: 100px
}
Möjliga attribut:
none
length
%
|
| min-width |
Anger minsta bredd på ett element.
Utseende i css.
h2
{
min-width: 50px
}
Möjliga attribut:
length
%
|
| min-height |
Anger minsta höjd på ett element.
Utseende i css.
p
{
min-height: 10px
}
Möjliga attribut:
length
%
|
| line-height |
Anger avståndet mellan rader.
Utseende i css.
p
{
line-height: 1.4
}
p
{
line-height: 14pt
}
p
{
line-height: 140%
}
Möjliga attribut:
normal
number
length
%
|
| vertical-align |
Anger den vertikala placeringen på ett element.
Utseende i css.
img
{
vertical-align: bottom
}
Möjliga attribut:
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%
|
| |
|
| Position |
|
| position |
Anger positioneringen för ett element.
Utseende i css.
h1
{
position:absolute;
left:100;
top:150
}
Möjliga attribut:
static
relative
absolute
fixed
|
| top |
Anger hur långt över/under övre delen på ett element är
från övre delen på dess föräldra element.
Om "position" har värdet "static" så har "top"
ingen effekt.
Utseende i css.
Sätter övre delen av stycket 20 px över den övre delen på
föräldra elementet.
p
{
position: absolute;
top: 20px
}
Sätter övre delen av stycket 20 px under den övre delen på
föräldra elementet.
p
{
position: absolute;
top: -20px
}
Möjliga attribut:
auto
length
%
|
| right |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| bottom |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| left |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| z-index |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| float |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| clear |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| |
|
| Enheter, relativa |
|
| em |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| ex |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| px |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| % |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| |
|
| Enheter, absoluta |
|
| in |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| cm |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| mm |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| pt |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| pc |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| |
|
| Övrigt |
|
| cursor |
Anger tjockleken för outline.
Utseende i css.
button
{
outline-width: medium
}
Möjliga attribut:
thin
medium
thick
length
|
| |
|