HTML og CSS er to kjerneteknologier for å lage og designe websider. Brukere kan legge til data i mange former, for eksempel linjer, avsnitt, tabeller og blokker. For å unngå rotet og håndtere dataene i en riktig sekvens, gir CSS anlegget til å legge til linjeavstand mellom de forskjellige HTML -elementene for å organisere data.

Dette innlegget demonstrerer instruksjonene for å sette linjeavstanden i CSS.

Hvordan sette linjeavstand i CSS?

For å sette linjeavstanden i CSS, vil vi legge til data i HTML. For å gjøre det, følg de gitte instruksjonene:

• Først må du legge til overskriftskoden "

  ”For å sette overskriften.

• Deretter vil vi nevne fire forskjellige eksempler for å sette linjeavstanden med navnene "Eksempel 1: 30px”,“Eksempel 2: 50px”,“Eksempel 3: 1 cm”, Og“Eksempel 4: 2cm”.
• Legg til en "”Container i hver overskrift og tilordne klassen til hvert DIV -element. For eksempel har vi satt klassenavnet som "Eksempel-a”,“Eksempel-B ”, “Eksempel-C”, Og“Eksempel-D”, Henholdsvis:

Hvordan sette Line Space Property i CSS

Eksempel 1: 30px

Dette er linjen med den spesifiserte linjeplassen.>

Linjeplassen er satt som 30px.

Eksempel 2: 50px:

Dette er linjen med den spesifiserte 50px -linjeplassen.>

Linjeplassen er satt som 50px.

Eksempel 3: 1cm:

Dette er linjen med den spesifiserte 1 cm linjeplassen.>
Linjeplassen er satt som 1 cm.

Eksempel 4: 2cm:

Dette er linjen med den spesifiserte 2 cm linjeplassen.>

Linjeplassen er satt som 2 cm.

Utgangen fra ovennevnte omtalekode er gitt nedenfor:

Sett linjeavstand i CSS

I “”Tag, få tilgang til alle klassene en etter en som vist nedenfor:

.Eksempel-a
linjehøyde: 30px;

.Eksempel-B
linjehøyde: 50px;

.Eksempel-C
linjehøyde: 1 cm;

.Eksempel-D
linjehøyde: 2 cm;

Få tilgang til DIV -elementet etter klassenavn, for eksempel “.Eksempel-a”Og bruk CSS -eiendommen”Line-Height ”. Sett etter det verdien for den egenskapen i henhold til ditt valg. Bruk den samme egenskapen på alle klasser og respektive linjeavstand.

Det kan observeres at vi med hell har satt linjeavstanden i hvert eksempel:

Vi har lært om instruksjonen for å sette linjeplassen i CSS.

Konklusjon

For å stille inn linjeplassen, lag først den enkle multiple "div”Container. Spesifiser deretter klassene for å få tilgang til dem. Etter det, i CSS -delen, får du tilgang til "Div" -beholderen med sine respektive klasser og bruk "Line-Height ”CSS -eiendom. Denne bloggen har demonstrert instruksjonene for å sette linjeavstanden i CSS.