text-align
text-align:
De text-align property is gebruikt om de horizontale uitlijning van tekst binnen een element te definiƫren. Tekst kan worden uitgelijnd naar links, rechts, het midden of naar beide kanten;
Voorbeelden:
- text-align: left;
- text-align: right;
- text-align: center;
- text-align: justify;
Toepassing:
<DIV style="text-align: justify;">
Voorbeeldtekst
</DIV>
text-align-last
text-align-last:
text-align-last bepaalt hoe de zin wordt uitgelijnd in de laatste lijn van een paragraaf. Het kan worden ingezet om de laatste lijn te laten beginnen op een bepaalde positie
Voorbeelden:
- text-align-last: start;
- text-align-last: end;
- text-align-last: left;
- text-align-last: right;
- text-align-last: center;
- text-align-last: justify;
Toepassing:
<DIV style="text-align-last: justify;">
Voorbeeldtekst
</DIV>
text-decoration
text-decoration:
text-decoration definieert de decoratie van een tekst. Deze decoratie kan de kleur, lijnstijl en de positie van de lijn bevatten;
Voorbeelden:
- text-decoration: none;
- text-decoration: underline;
- text-decoration: overline;
- text-decoration: line-through;
- text-decoration: blink;
Toepassing:
<DIV style="text-decoration: blink;">
Voorbeeldtekst
</DIV>
text-decoration-color
text-decoration-color:
text-decoration-color bepaalt de kleur van de tekstdecoratie;
Voorbeelden:
- text-decoration-color: #hexcode;
- text-decoration-color: rgb(0,0,0);
- text-decoration-color: rgba(0,0,0,0.5);
- text-decoration-color: hsl(0,0%,0%);
- text-decoration-color: hsla(0,0%,0%,0.5);
Toepassing:
<DIV style="text-decoration-color: hsla(0,0%,0%,0.5);">
Voorbeeldtekst
</DIV>
text-decoration-line
text-decoration-line:
text-decoration-line geeft de afbeelding van de lijn die wordt toegevoegd aan de tekst, zoals onderstrepen, doorgaande lijnen, bovenstreep. Het kan ook geen lijn toevoegen of meerdere lijnen tegelijkertijd.
Voorbeelden:
- text-decoration-line: none;
- text-decoration-line: underline;
- text-decoration-line: overline;
- text-decoration-line: line-through;
Toepassing:
<DIV style="text-decoration-line: line-through;">
Voorbeeldtekst
</DIV>
text-decoration-style
text-decoration-style:
text-decoration-style bepaalt de stijl van de lijn die wordt toegevoegd aan de tekst. Het kan korte lijnen, kleine stipjes, golvende lijnen, etc. zijn, afhankelijk van de gekozen stijl.
Voorbeelden:
- text-decoration-style: solid;
- text-decoration-style: wavy;
- text-decoration-style: dotted;
- text-decoration-style: dashed;
Toepassing:
<DIV style="text-decoration-style: dashed;">
Voorbeeldtekst
</DIV>
text-indent
text-indent:
text-indent specificeert de eerste regel van een paragraaf. Het kan een waarde in eenheid van pixels, procenten, of een andere meeteenheid hebben. Hiermee kun je de eerste regel van een paragraaf inspringen.
Voorbeelden:
- text-indent: 0px;
- text-indent: 50px;
- text-indent: 10%;
- text-indent: 2em;
Toepassing:
<DIV style="text-indent: 2em;">
Voorbeeldtekst
</DIV>
text-justify
text-justify:
text-justify is een css-eigenschap die de tekst uitlijnt binnen een element. Het bepaalt hoe de tekst wordt uitgelijnd met de breedte van het element. Er zijn vier mogelijke opties: left, right, center en justify.
Voorbeelden:
- text-justify: left;
- text-justify: right;
- text-justify: center;
- text-justify: justify;
Toepassing:
<DIV style="text-justify: justify;">
Voorbeeldtekst
</DIV>
text-overflow
text-overflow:
text-overflow is een css-eigenschap die wordt gebruikt om aan te geven wat er moet gebeuren als de content die in een element staat te groot is voor de aangegeven dimensies van het element. Er zijn twee mogelijke opties: clip en ellipsis.
Voorbeelden:
- text-overflow: clip;
- text-overflow: ellipsis;
Toepassing:
<DIV style="text-overflow: ellipsis;">
Voorbeeldtekst
</DIV>
text-shadow
text-shadow:
text-shadow is een css-eigenschap die wordt gebruikt om een schaduw toe te voegen aan tekst. Er zijn verschillende waarden die kunnen worden gebruikt om de schaduw aan te passen.
Voorbeelden:
- text-shadow: offset-x offset-y blur-radius color;
- text-shadow: 1px 1px 1px black:;
Toepassing:
<DIV style="text-shadow: 1px 1px 1px black:;">
Voorbeeldtekst
</DIV>
text-transform
text-transform:
text-transform is een eigenschap van CSS die het lettertype van een tekst wijzigt. Deze eigenschap kan worden gebruikt om de tekst te veranderen in hoofdletters, kleine letters of een kapitalisatie-stijl zoals in een titel;
Voorbeelden:
- text-transform: uppercase;
- text-transform: lowercase;
- text-transform: capitalize;
Toepassing:
<DIV style="text-transform: capitalize;">
Voorbeeldtekst
</DIV>
font-feature-settings
font-feature-settings:
De font-feature-settings property geeft gebruikers de mogelijkheid om te kiezen welke lettertypesetting-functies ze willen gebruiken voor een bepaalde tekst. Hiermee kan een tekst worden aangepast aan specifieke behoeften. Bijvoorbeeld, het kunnen inschakelen van lettertype-ligatures, kleine hoofdletters, figure-sets, contextuele alternatieven, etc.
Voorbeelden:
- font-feature-settings: "liga", "calt", "kern";
- font-feature-settings: "dlig", "smcp";
Toepassing:
<DIV style="font-feature-settings: "dlig", "smcp";">
Voorbeeldtekst
</DIV>