Zajęcia graniczne w Bootstrap 5 | Wyjaśnione
W tym artykule otrzymujesz szczegółową wiedzę na temat klas Bootstrap 5 dla
- Dodanie granicy
- Usuwanie granicy
- Kolory graniczne
- Szerokość granicy
- Rozmiary graniczne
- Rozmiary promienia
Zajęcia graniczne w Bootstrap 5
W Bootstrap 5 Borders powstaje przez dodanie .granica klasa do dowolnego tagu DIV lub obrazu lub dowolnego formularza lub tekstu.
Zajęcia do zastosowania granicy
Bootstrap 5 zapewnia kilka klas, aby określić granicę dowolnego elementu HTML, które zostały wyjaśnione poniżej:
Granica
.granica Klasa służy do stosowania granic po wszystkich czterech stronach pudełka.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób tworzysz granice dla wszystkich czterech stron.
Granica
.Top graniczny Klasa służy do nakładania granicy na górną stronę pudełka.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób tworzysz granicę dla górnej strony.
Dno graniczne
.Bottom graniczny Klasa służy do nakładania granicy z dolnej strony pudełka.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób tworzysz granicę dla dolnej strony.
Start graniczny
.start graniczny Klasa służy do nakładania granicy po lewej stronie pudełka.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób tworzysz granicę po lewej stronie.
Koniec granicy
.granica Klasa służy do nakładania granicy po prawej stronie pudełka.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób tworzysz granicę po prawej stronie.
Zajęcia do usuwania granicy
Aby usunąć granicę z dowolnej strony, po prostu dodaj -0 do każdej klasy dodającej granicę
Z góry
Aby usunąć granicę z góry .Border-Top-0 z .granica klasa.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób usuwasz granicę z góry.
Od spodu
Aby usunąć granicę z dołu, dodaj .Bottom-0 z .granica klasa.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. ZEWNĄTRZEMU IPSUM CULPA NEQUE COMMODI MODI EAQUE?
W ten sposób usuwasz granicę z dołu.
Od lewej
Aby usunąć granicę z lewej, dodaj .start graniczny-0 z .granica klasa.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób usuwasz granicę z lewej strony.
Z prawej
Aby usunąć granicę z prawej .granica-0 z .granica klasa.
Kod
Zajęcia graniczne
LORM ipsum dolor sit amet konsekt i adipiscing elit. Oprócz ipsum culpa neque commodi modi eaque?
W ten sposób usuwasz granicę z prawej strony.
Zajęcia kolorów granicznych
Aby dodać kolory graniczne, po prostu dodaj .PROMARY/Informacje/Sukces/Niebezpieczeństwo/ostrzeżenie/ciemność z .granica klasa.
Kod
Zajęcia graniczne
W ten sposób dajesz kolor swoim granicom.
Zajęcia szerokości granicy
Aby zapewnić grubość użytku granicznego .granica 1/2/3/4/5 klasa z .granica klasa.
Kod
Zajęcia graniczne
W ten sposób dajesz grubość swojej granicy.
Radiusz graniczny
Aby określić promień granicy, użyj .bułczasty, .zaokrąglony top/koniec/dno/start/koło/pigułka zajęcia.
Kod
Zajęcia graniczne
Wyjście
Aby stworzyć zaokrąglone okrąg i zaokrągloną pigułkę:
Kod
Zajęcia graniczne
W ten sposób określacie promień graniczny.
Rozmiary promienia
Aby określić rozmiar promienia granicy, po prostu dodaj .zaokrąglony-0/1/2/3 zajęcia.
Kod
Zajęcia graniczne
Wyjście
W ten sposób określasz rozmiar promieniowania granicznego.
Wniosek
Podać granicę dowolnego div lub elementu, dodaj .granica klasa. Dodaj jedno stroną granicę .border-top/dolny/end/start klasa wraz z .granica klasa i usunąć obramowanie z jednej strony, po prostu dodaj -0. Aby określić, dodaj kolor graniczny .PROMARY ANGREMARY/SUKCESI/DANGER/INFO/OSTRZEŻENIE/Ciemne/Światło klasa.
Dodaj grubość granicy .granica 1/2/3/4/5, Aby określić promień graniczny Dodaj .bułczasty, .zaokrąglony top/dół/koniec/start/koło/pigułka klasa. Aby określić rozmiar promienia granicy .zaokrąglony-0/1/2/3 klasa.