White-space: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
 
Rad 30: Rad 30:


== Exempel ==
== Exempel ==
<codepen pen="mebmxV" height="200" tab="css,result">
<codepen pen="mebmxV" height="400" tab="css,result">
</codepen>
</codepen>


== Egenskapens definition ==
== Egenskapens definition ==
http://dev.w3.org/csswg/css3-text/#propdef-white-space
http://dev.w3.org/csswg/css3-text/#propdef-white-space

Nuvarande version från 30 januari 2019 kl. 15.44

Denna egenskap används för att hantera hur white space - såsom mellanslag, tabbar, return, osv - hanteras i element.

Egenskaper

Parametrar normal | nowrap | pre | pre-wrap | pre-line
Defaultvärde normal
Ärvs? Ja
Animerbart? Nej
Fungerar med... Alla element

normal textblock bryts isär så att saker hamnar på ny rad om de inte får plats. White space dras samman till minst möjliga.

nowrap textblock hålls intakta och bryts inte ner över flera rader. White space dras samman till minst möjliga.

pre texten behåller sin formatering, såsom i pre-element. Så all white space hålls intakt. Rader bryts ej av webbläsaren.

pre-wrap texten behåller sin formatering, men om en rad går utanför kanten så bryts den. All white space hålls intakt.

pre-line texten bryts vid behov. White space dras samman till minst möjliga.

Exempel

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

Egenskapens definition

http://dev.w3.org/csswg/css3-text/#propdef-white-space