Rob's web

Tekst variabelen

Uitlijning

Met de text-align kunnen we teksten uitlijnen op de door ons gewenste positie.

Het effect van justify is dat bij grote teksten er tussen de linker en rechter kantlijn de tekst wordt verdeeld. Zie hieronder.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rhoncus libero ac leo. Fusce malesuada, diam vel viverra sodales, sem velit tempor pede, vitae nonummy libero turpis ut mi. Phasellus et metus a est porta ultrices. Mauris scelerisque lectus a lacus. Phasellus scelerisque libero id lectus. Suspendisse eleifend venenatis nisl. Nulla non neque in dui rhoncus rhoncus. Aliquam erat volutpat. Aliquam vitae nisl. Vivamus ornare aliquet diam. Morbi dictum.

Etiam et lacus sed nisl iaculis posuere. Mauris dui est, gravida aliquam, viverra non, molestie a, nibh. In dolor lacus, nonummy quis, sagittis in, tempor eu, dolor. Nullam at dolor eu justo porttitor interdum. Aliquam molestie scelerisque enim. Pellentesque massa justo, luctus vitae, rhoncus scelerisque, ornare vitae, nunc. Nam luctus dui. Fusce tincidunt, orci sit amet sodales luctus, eros leo facilisis est, pretium tempor turpis augue eget libero. Aliquam dignissim varius sapien. Sed tempor, mi sit amet ullamcorper sagittis, nunc mi tristique eros, ac porta arcu purus id nisi. Aliquam quis sem semper diam tincidunt nonummy. In fringilla egestas tellus. Pellentesque metus velit, rhoncus ac, luctus sed, rutrum nec, risus. Duis tempus vulputate mi. Vivamus cursus. Nam vel ante. Nam scelerisque sagittis pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst.

Tekstdecoraties

Tekstdecoratie maakt men met text-decoration.

Het gebruik van knipperende teksten wordt afgeraden. Ondanks dat heeft het W3C er toch een CSS attribuut voorgemaakt.

We kunnen ook meerdere opties gebruiken zoals een lijn boven en onder de tekst met de text-decoration:overline underline.

Tekst aanpassingen

We kunnen teksten automatisch aanpassen met text-transform.

De regel is met capitalize opgemaakt.

Inspringen

Hieronder een voorbeeld met een text-indent:25px. Zoals u ziet begint een alinea met een ingesprongen eerste regel.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rhoncus libero ac leo. Fusce malesuada, diam vel viverra sodales, sem velit tempor pede, vitae nonummy libero turpis ut mi. Phasellus et metus a est porta ultrices. Mauris scelerisque lectus a lacus. Phasellus scelerisque libero id lectus. Suspendisse eleifend venenatis nisl. Nulla non neque in dui rhoncus rhoncus. Aliquam erat volutpat. Aliquam vitae nisl. Vivamus ornare aliquet diam. Morbi dictum.

Etiam et lacus sed nisl iaculis posuere. Mauris dui est, gravida aliquam, viverra non, molestie a, nibh. In dolor lacus, nonummy quis, sagittis in, tempor eu, dolor. Nullam at dolor eu justo porttitor interdum. Aliquam molestie scelerisque enim. Pellentesque massa justo, luctus vitae, rhoncus scelerisque, ornare vitae, nunc. Nam luctus dui. Fusce tincidunt, orci sit amet sodales luctus, eros leo facilisis est, pretium tempor turpis augue eget libero. Aliquam dignissim varius sapien. Sed tempor, mi sit amet ullamcorper sagittis, nunc mi tristique eros, ac porta arcu purus id nisi. Aliquam quis sem semper diam tincidunt nonummy. In fringilla egestas tellus. Pellentesque metus velit, rhoncus ac, luctus sed, rutrum nec, risus. Duis tempus vulputate mi. Vivamus cursus. Nam vel ante. Nam scelerisque sagittis pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst.

Regelafstand

De standaard regelhoogte is ongeveeer 120% van de fontsize. Bij 13px is de regelhoogte 16px.

We kunnen de regelhoogte aanpassen met line-height.