Maximale regellengte

Een maximale regellengte voor leesbaarheid. Dit wordt vaak aangeraden voor gebruiksvriendelijkheid en toegankelijkheid.

w3.org adviseert een maximale regellengte van 80 karakters. Dit vertaalt zich tot ongeveer 40rem.

Benodigde stappen:

  1. Voeg de benodigde bestanden toe aan het project. Voor een overzicht van de benodigde en optionele bestanden zie: Bijbehorende bestanden.

Voorbeelden:

Visueel voorbeeld:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis odio lorem, sit amet elementum lectus interdum id. Cras in lectus id diam dignissim dignissim vel eu turpis. Sed diam ante.

HTML-voorbeeld:

Er is geen aangepaste HTML nodig om gebruik te maken van dit component zodra de styling is toegevoegd aan het project. De styling heeft invloed op de volgende elementen: p a span li

Bijbehorende bestanden

Voor meer informatie over importeren en instellen van componenten. Zie: Componenten gebruiken en styling toevoegen

Importeer component via npm

CSS-voorbeeld:

@use "@minvws/manon/max-line-length";

Instelbare variabelen

Instelbare css-variabelen tabel:
NaamBreekpuntVariabeleCSS-attribuutClassManon ingestelde waarde
max-width---max-line-length-max-widthmax-width-40rem
hyphensVoor breekpunt--max-line-length-hyphenshyphens-auto
Na breekpunt--max-line-length-breakpoint-hyphensnone
word-breakVoor breekpunt--max-line-length-word-breakword-break-normal
Na breekpunt--max-line-length-breakpoint-word-breakvar(--max-line-length-word-break, normal)
Instelbare sass-variabelen tabel:
TypeManon ingestelde waarde
Breekpunt24rem !default