List-style-position: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Används för att bestämma vilken typ av var radindikator ska placeras i början på varje listrad i en lista. == Egenskaper == {| class="wikitable" | Parametrar | <code>ins...')
 
 
(2 mellanliggande sidversioner av samma användare visas inte)
Rad 1: Rad 1:
Används för att bestämma vilken typ av var radindikator ska placeras i början på varje listrad i en lista.
Används för att bestämma vilken typ av var innehållsmarkeringen ska placeras i början på varje listrad i en lista.


== Egenskaper ==
== Egenskaper ==
Rad 10: Rad 10:
|-
|-
| Ärvs?
| Ärvs?
<| Ja
| Ja
|-
|-
| Animerbart?
| Animerbart?
Rad 19: Rad 19:
|}
|}


<code>inside</code> radindikatorn läggs först i den inline-box som innehållet ligger i.
<code>inside</code> innehållsmarkeringen läggs först i den inline-box som innehållet ligger i.


<code>outside</code> radindikatorn ligger utanför innehållets box.
<code>outside</code> innehållsmarkeringen ligger utanför innehållets box.


== Exempel ==
== Exempel ==
<codepen pen="pjzWzP" height="200" tab="css">
<codepen pen="pjzWzP" height="300" tab="css,result">
</codepen>
</codepen>


== Egenskapens definition ==
== Egenskapens definition ==
https://drafts.csswg.org/css-lists-3/#propdef-list-style-position
https://drafts.csswg.org/css-lists-3/#propdef-list-style-position

Nuvarande version från 30 januari 2019 kl. 15.55

Används för att bestämma vilken typ av var innehållsmarkeringen ska placeras i början på varje listrad i en lista.

Egenskaper

Parametrar inside | outside
Defaultvärde outside
Ärvs? Ja
Animerbart? Nej
Fungerar med... Listinnehåll

inside innehållsmarkeringen läggs först i den inline-box som innehållet ligger i.

outside innehållsmarkeringen ligger utanför innehållets box.

Exempel

See the Pen pjzWzP by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

https://drafts.csswg.org/css-lists-3/#propdef-list-style-position