Inleiding tot CSS-tekstopmaak
In voorgaande dagen was het voor u verplicht om de tekst weer te geven met behulp van de oude versie van CSS. U had een tag om de arcering en het lettertype van de inhoud te wijzigen, maar het meten werd belemmerd door de vooraf gedefinieerde tekstdimensies te gebruiken. De verschillende effecten zoals intensiteit en doorhalen waren denkbaar in slechts fundamentele structuren met behulp van HTML-labels. Momenteel kan de gebruiker verschillende CSS-tekstopmaakeigenschappen gebruiken om de tekst op de webpagina's op zijn manieren te ordenen.
In dit hoofdstuk ziet u tal van CSS-tekstopmaakeigenschappen. CSS-tekstopmaakeigenschappen worden gebruikt om de tekst te ontwerpen, de tekst op te maken, een paar opmaakstijlen te beschrijven, enz. De eigenschappen bieden u de visuele weergave van de tekens, spaties, woorden, alinea's en nog veel meer.
Lijst met CSS-tekstopmaakeigenschappen:
Details van manieren om tekst op te maken in CSS: -
1) Tekstkleur
Deze eigenschap kan worden gebruikt om de kleur van de tekst te wijzigen. Het kan worden gedefinieerd met behulp van de kleureigenschap.
Voorbeeld : illustratie van tekstkleur
CSS Text Color Property
Hallo Wereld….
Welkom bij EDUCBA…
Het zal de volgende uitvoer weergeven:
2) Tekstuitlijning
Deze eigenschap kan worden gebruikt om de horizontale tekst te wijzigen. Het kan worden gedefinieerd met behulp van links, rechts, midden, rechtvaardigen eigenschappen.
Voorbeeld : illustratie van tekstuitlijning
Text Alignment Property
Hallo Wereld…
Welkom bij EDUCBA …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
3) Tekstdecoratie
Deze eigenschap kan worden gebruikt om de tekst te versieren. Het kan worden gedefinieerd met behulp van onderstreepings-, overlijnings- en doorgaande eigenschappen.
Voorbeeld : illustratie van tekstdecoratie
Text DecorationProperty
Hallo Wereld…
Welkom bij EDUCBA …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
4) Teksttransformatie
Deze eigenschap kan worden gebruikt om tekstgevallen te wijzigen. Het kan worden gedefinieerd met behulp van hoofdletters, hoofdletters, kleine letters.
Voorbeeld : illustratie van teksttransformatie
Text Transformation Property
Hallo Wereld…
Welkom bij educba …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
5) Tekst inspringen
Deze eigenschap kan worden gebruikt om de eerste regel van de tekst te laten inspringen. Het kan worden gedefinieerd met behulp van px, cm, pt eigenschappen.
Voorbeeld : illustratie van tekstinspringing
Text Indentation Property
Hallo Wereld…
Welkom bij Educba …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
6) Woordafstand
Deze eigenschap kan worden gebruikt om ruimte te geven tussen woorden. Het kan worden gedefinieerd met behulp van de eigenschap woordafstand.
Voorbeeld : illustratie van woordafstand
Word Spacing Property
Hallo Wereld…
Welkom bij Educba …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
7) Letterafstand
Deze eigenschap kan worden gebruikt om ruimte te geven tussen tekens. Het kan worden gedefinieerd met behulp van de eigenschap letterafstand.
Voorbeeld : illustratie van letterspatiëring
Letter Spacing Property
Hallo Wereld…
Welkom bij Educba …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
8) Lijnhoogte
Deze eigenschap kan worden gebruikt om ruimte tussen de lijnen te geven. Het kan worden gedefinieerd met behulp van de eigenschap line-height.
Voorbeeld : illustratie van lijnhoogte
Line Height Property
h3
(
line-height:2.5;
)
h4
(
line-height:150%;
)
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is een
toonaangevende wereldwijde aanbieder van op vaardigheden gebaseerd onderwijs
Bij eduCBA is het een kwestie van trots om werkgericht te zijn
praktische cursussen beschikbaar voor iedereen, altijd en overal.
Het zal de volgende uitvoer weergeven:
9) Text-richting
Deze eigenschap kan worden gebruikt om de richting van de tekst te wijzigen. Het kan worden gedefinieerd met behulp van de eigenschap rtl. Het bepaalt de richting van rechts naar links.
Voorbeeld : illustratie van tekstrichting
Text Direction Property
Hallo wereld … Welkom bij Educba …
Het zal de volgende uitvoer weergeven:
10) Tekst-shadow
Deze eigenschap kan worden gebruikt om schaduw voor de tekst te geven. Het kan worden gedefinieerd met behulp van de eigenschap text-shadow. Het maakt gebruik van componenten zoals de linkerpositie, de bovenste positie, de grootte van de vervaging, de kleurnaam.
Voorbeeld : illustratie van tekstschaduw
Text Shadow Property
h3
(
text-shadow:3px 3px 2px lightblue;
)
h4
(
text-shadow:3px 3px 2px plum;
)
Hallo wereld … Welkom bij EDUCBA …
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is een op vaardigheden gebaseerd onderwijs
Het zal de volgende uitvoer weergeven:
11) Ems
Dit is een schaalbare eenheid voor grootte. Deze em-eigenschap kan worden gebruikt om de grootte van de tekst te definiëren volgens de omringende tekst. De standaardgrootte van de tekst is 1em, wat gelijk is aan 12pt. 2em is gelijk aan 24pt enzovoort.
Voorbeeld : illustratie van ems-eigenschap
Ems Property
h3
(
font-size: 0.8em;
)
h4
(
font-size: 1.2em;
)
Hallo wereld … Welkom bij EDUCBA …
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is een op vaardigheden gebaseerd onderwijs
Het zal de volgende uitvoer weergeven:
12) Lettertypefamilie
Deze eigenschap wordt gebruikt om verschillende typen lettertypefamilienamen voor de geselecteerde tekst op te geven. Bijvoorbeeld Helvetica, Calibri, Arial, Sans-serif, Times, Courier New, etc.
Voorbeeld : illustratie van de eigenschap font-family
Font Family Property
Hallo Wereld…
Welkom bij Educba …
Onderwijsadviseur…
Het zal de volgende uitvoer weergeven:
Conclusie
Tot nu toe hebben we onderzoek gedaan naar manieren om tekst op te maken in CSS. Je zou kunnen zien dat de tekst wordt gepresenteerd met verschillende soorten eigenschappen voor tekstopmaak. Deze eigenschappen zijn zeer belangrijke aspecten van CSS om de tekst op de webpagina weer te geven, zodat gebruikers of lezers kunnen aantrekken door uw tekst op de website te zien. Maak op eenvoudige wijze en effectief gebruik van deze teksteigenschappen op de webpagina's.
Aanbevolen artikelen
Dit is een gids geweest voor CSS-tekstopmaak. Hier hebben we een inleiding en een lijst van CSS-tekstopmaakeigenschappen in detail besproken met de voorbeeldcodevoorbeelden en de juiste uitvoer. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie -
- Wat is CSS?
- SASS versus CSS
- CSS-opdrachten
- Vragen tijdens solliciteren bij CSS3