I nettutvikling, "grense”Eiendom spiller en betydelig rolle. De kan brukes til å skille eller fremheve ting på et nettsted, noe som gjør det enkelt og enkelt for besøkende å oppfatte og handle på nettstedet. Videre kan brukeren også bestemme grensehøyden. Grensehøyde i CSS avhenger faktisk av lengden på grenselinjene.

Noen ganger tror brukeren at grensen alltid vil bli brukt horisontalt i henhold til elementets grense. Imidlertid er dette konseptet feil. Du kan stille grensehøyden i henhold til deres preferanser.

Dette innlegget vil forklare hvordan du kan sette grensehøyde i CSS.

Hvordan sette grensehøyde i CSS?

For å sette grensehøyden i CSS, “linjehøyde”Eiendom brukes. Denne egenskapen brukes ofte til å sette avstanden mellom tekstlinjer.

For dette formålet, prøv de nevnte instruksjonene.

Trinn 1: Lag en "div" -beholder

Opprinnelig lage en “div”Container ved hjelp av“”Element. Også tilordne det en "klasse”Attributt inne i åpningskoden til“ "-elementet og spesifiser et navn for klassen i henhold til ditt valg.

Trinn 2: Sett inn en overskrift

Deretter setter du inn en overskrift ved å bruke en hvilken som helst overskriftskode "

" til "

”. I dette eksemplet har vi brukt "

Trinn 3: Lag en liste

Bruk deretter “

”Tag for å lage den bestilte listen og legge til dataene inne i listen ved hjelp av“
1. " stikkord:
   
   

   Liste over fugler

   
   
   
   
   1. Høne
   
   
   2. spurv
   
   
   3. Svin
   
   
   4. And
   
   
   5. Papegøye
   
   
   
   

   Produksjon

   Trinn 4: Sett grensehøyde på “Div” -elementet

   Få tilgang til “div”Container ved hjelp av klassen“.innhold”Og bruk CSS -egenskapene som er nevnt i utdraget nedenfor:

   .innhold
   polstring: 0 10px;
   Display: Inline-block;
   grense-venstre: 4px solid RGB (6, 21, 228);
   linjehøyde: 18px;
   Bakgrunnsfarge: Bisque;
   Margin: 20px 140px;
   Border-Bottom: 4px Solid RGB (241, 170, 14);
   

   Her:

   • “polstring”Angir et rom inne i det definerte elementet.
   • “vise”Er satt som“Inline-block”For å spesifisere elementets visningsatferd.
   • “grense-venstre”Eiendom er utplassert for å tegne grensen på venstre side.
   • “linjehøyde”Brukes for å sette høyden på den definerte grensen i henhold til den spesifiserte verdien.
   • “bakgrunnsfarge”Bestemmer fargen på bakgrunnen til det valgte elementet.
   • “margin”Bestemmer rommet rundt den definerte grensen.
   • “Border-Bottom”Brukes til å stille grenselinjen på bunnsiden av elementet.

   Produksjon

   Som et resultat, grensehøyden på “div”Element ved bruk av CSS brukes vellykket.

   Konklusjon

   For å sette grensehøyden i CSS, først, legg til den ensidige grensen ved hjelp av "grense-venstre”Eller“Grense-høyre”Og bruk“linjehøyde”Eiendom for å spesifisere høyden på grensen. Videre kan du også bruke andre CSS -egenskaper for å style elementet. Dette innlegget har vist prosedyren for å sette grensehøyden i CSS.