White-space

Från Webbling
Version från den 30 januari 2019 kl. 13.44 av PGJ (diskussion | bidrag) (→‎Exempel)
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

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