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:
- 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></p><a></a><span></span><li></li>
Instelbare variabelen
| Naam | Breekpunt | Variabele | CSS-attribuut | Class | Manon ingestelde waarde |
|---|---|---|---|---|---|
| max-width | - | --max-line-length-max-width | max-width | - | 40rem |
| hyphens | Voor breekpunt | --max-line-length-hyphens | hyphens | - | auto |
| Na breekpunt | --max-line-length-breakpoint-hyphens | none | |||
| word-break | Voor breekpunt | --max-line-length-word-break | word-break | - | normal |
| Na breekpunt | --max-line-length-breakpoint-word-break | var(--max-line-length-word-break, normal) |
| Type | Manon ingestelde waarde |
|---|---|
| Breekpunt | 24rem !default |
Bijbehorende bestanden
Voeg de (s)css-bestanden toe aan het project of importeer de bestanden.
Voor meer informatie over importeren en instellen van componenten. Zie: Componenten gebruiken en styling toevoegen
Benodigd
max-line-length
Optioneel
max-line-length-variables