Typografi - textegenskaper: Skillnad mellan sidversioner

Versionen från 20 mars 2016 kl. 18.12

Förutom de rena teckenssnittsegenskaperna finns det även flera egenskaper som hanterar hur texten i sig ska utformas. Vi ska gå igenom några av dessa här.

`text-align`

Denna egenskap styr hur texten ska justeras. Har du använt en ordbehandlare så vet du säkert att man där kan välja olika typer av textjustering.

Vi ska titta på några av de vanligaste värden som denna egenskap kan sättas till.

left: Texten justeras mot vänster sidan av elementet.
right: Texten justeras mot höger sida av elementet.
center: Texten kommer att centreras mitt i elementet (enbart horisontellt).
justify: Texten kommer att läggas ut så att den fyller upp all yta. Vid behov läggs extra mellanrum till mellan ord, så att raden blir att fyllas ut helt och hållet. Sista raden kommer inte att justeras.
justify-all: Som ovan, men även den sista raden justeras.
start: Texten justeras mot det som anses vara starten på en rad. Vilket detta är beror på vilken direction som är satt för elementet.
end: Texten justeras mot det som anses vara slutet på en rad. Vilket detta är beror på vilken direction som är satt för elementet.

Ett exempel på några typer av textjustering

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

Nästa aktivitet

Typografi - textegenskaper

@@ Rad 9: / Rad 9: @@
 ;<code>center</code>: Texten kommer att centreras mitt i elementet (enbart horisontellt).
 ;<code>justify</code>: Texten kommer att läggas ut så att den fyller upp all yta. Vid behov läggs extra mellanrum till mellan ord, så att raden blir att fyllas ut helt och hållet. Sista raden kommer inte att justeras.
-;<code>justify-all</code>. Som ovan, men även den sista raden justeras.
+;<code>justify-all</code>: Som ovan, men även den sista raden justeras.
 ;<code>start</code>: Texten justeras mot det som anses vara starten på en rad. Vilket detta är beror på vilken <code>[[direction]]</code> som är satt för elementet.
 ;<code>end</code>: Texten justeras mot det som anses vara slutet på en rad. Vilket detta är beror på vilken <code>[[direction]]</code> som är satt för elementet.