Grenseklasser i Bootstrap 5 | Forklart

Grenser brukes til å fremheve og spesifisere elementet eller bildet som hjelper brukeren til å forstå ting bedre. Grenser brukes av bilder, tekstareas, forskjellige bokser for å style dem i henhold til brukerkravet.

I denne artikkelen får du detaljert kunnskap om Bootstrap 5 -klasser for

• Legge til kant
• Fjerne grensen
• Grensefarger
• Grensebredde
• Grensestørrelser
• Radiusstørrelser

Grenseklasser i bootstrap 5

I Bootstrap 5 er grenser opprettet ved å legge til .grense klasse til hvilken som helst div eller bildekode eller noen form eller textarea.

Klasser for å bruke grense

Bootstrap 5 gir et par klasser for å spesifisere grense til et hvilket som helst HTML -element som er forklart nedenfor:

Grense

.grense Klasse brukes til å bruke grenser på alle fire sider av boksen.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik skaper du grenser for alle fire sider.

Grensetopp

.grensen Klasse brukes til å bruke grensen på oversiden av boksen.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik skaper du en grense for oversiden.

Grensebunnen

.Border-Bottom Klasse brukes til å bruke grensen på undersiden av boksen.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik skaper du en grense for bunnsiden.

Grensestart

.Border-start Klasse brukes til å bruke grensen på venstre side av boksen.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik skaper du en grense for venstre side.

Grensen slutt

.grenseenden Klasse brukes til å bruke grensen på høyre side av boksen.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik skaper du en grense for høyre side.

Klasser for å fjerne grensen

For å fjerne grensen fra alle sider, bare legg til -0 til enhver grense som legger til klasse

Fra-top

For å fjerne grensen fra toppen Legg til .Border-Top-0 med .grense klasse.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik fjerner du grensen fra toppen.

Fra-Bottom

For å fjerne grensen fra bunnen Legg til .Border-Bottom-0 med .grense klasse.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik fjerner du grensen fra bunnen.

Fra-venstre

For å fjerne grensen fra venstre Legg til .Border-Start-0 med .grense klasse.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik fjerner du grensen fra venstre side.

Fra høyre

For å fjerne grensen fra høyre Legg til .Border-end-0 med .grense klasse.

Kode

Grenseklasser

Lorem ipsum dolor sit amet consektetur adipiscing elit. Unntatt ipsum culpa neque commodi modi eaque?

Slik fjerner du grensen fra høyre side.

Grensefargeklasser

For å legge til grensefarger, bare legg til .grense-primær/info/suksess/fare/advarsel/mørk med .grense klasse.

Kode

Grenseklasser

Slik gir du farge til dine grenser.

Grensebreddeklasser

Å gi tykkelse til grensen din .Border-1/2/3/4/5 klasse med .grense klasse.

Kode

Grenseklasser

Slik gir du tykkelse på grensen din.

Border-Radius

For å spesifisere grensens radius, bruk .avrundet, .avrundet topp/ende/bunn/start/sirkel/pille klasser.

Kode

Grenseklasser

Produksjon

For å lage avrundet sirkel og avrundet pille:

Kode

Grenseklasser

Slik spesifiserer du grensradius.

Radiusstørrelser

For å spesifisere radiusstørrelsen på grensen, bare legg til .avrundet-0/1/2/3 klasser.

Kode

Grenseklasser

Produksjon

Slik spesifiserer du grense-radiusstørrelsen.

Konklusjon

For å gi en grense til ethvert div eller element, legg til en .grense klasse. For å legge til ensidig kant legge til .Border-topp/bunn/slutt/start klasse sammen med .grense klasse og for å fjerne grensen fra den ene siden bare legg til -0. For å spesifisere grensefarge Legg til .grense-primær/suksess/fare/info/advarsel/mørk/lys klasse.
For å gi tykkelse til grensen .Border-1/2/3/4/5, For å spesifisere grensradius Legg til .avrundet, .avrundet topp/bunn/slutt/start/sirkel/pille klasse. For å spesifisere størrelsen på grensradius Legg til .avrundet-0/1/2/3 klasse.