CSS jest szeroko stosowany do stylizacji komponentu HTML w celu zwiększenia atrakcyjności rozwoju frontend. Zapewnia różne właściwości, takie jak margines, wyściółka, kolor, wysokość i szerokość. Mówiąc dokładniej, „granica„Właściwość jest wykorzystywana do zamknięcia dowolnego rodzaju elementu, na przykład„formularz”,„tabela”,„obrazy", "Lub "tekst". Ponadto użytkownicy mogą również sprawić, że granica jest przezroczysty w CSS.

Ten post wyjaśni:

• Czy możesz ustawić krycie graniczne w CSS?
• Jak ustawić krycie graniczne w CSS?

Czy możesz ustawić krycie graniczne w CSS?

Tak, użytkownicy mogą ustawić krycie dowolnego elementu w CSS. Aby granica jest przezroczystym lub całkowicie niewidocznym, ustaw swoją krycie, określając „granica„Własność wraz z„RGBA" wartość.

Podstawowa składnia do zastosowania krycia granicznego podano poniżej:

Border: RGBA (226, 22, 22,0.1);

Tutaj pierwsze trzy wartości reprezentują kolory czerwone, zielone i niebieskie. Ostatnia wartość określa krycie reprezentowane przez „A”:

Jak ustawić krycie graniczne w CSS?

Aby ustawić nieprzezroczystość graniczną, postępuj zgodnie z podanymi instrukcjami:

• Najpierw dodaj nagłówek, wykorzystując „

  „Tag i wstaw„styl„Nieruchomość jako„kolor niebieski„Aby ustawić kolor nagłówka.

• Następnie stwórz „”Pojemnik wraz z nazwą klasy„treść".
• Następnie wstaw tekst między „div„Tagi:

Krycie graniczne

Tak, możemy ustawić krycie graniczne w CSS

Wynikowy obraz wyświetla dane wyjściowe powyższego kodu:

Przejdźmy w kierunku części CSS w celu stylizacji elementu HTML i ustawiaj krycie granicy.

Stylowa klasa „treści”

Najpierw uzyskaj dostęp do „treść„Klasa za pomocą„.”Selektor i zastosuj poniżej wspomniane właściwości CSS:

.treść
Styl graniczny: przerywany;
Wyściółka: 2px;
Margines: 4px;
CLIP: PALDING-box;

Tutaj:

• „„styl graniczny„Własność jest ustalona jako„przeszyty„Za stylizację granicy.
• „„wyściółka„Właściwość ustawia przestrzeń wokół zawartości elementu.
• „„margines„Własność jest ustalona jako„4px„Aby dostosować przestrzeń wokół elementu.
• „„klapa„Właściwość określa, jak daleko tło (kolor lub obraz) powinno rozszerzyć się w elemencie:

Następnie zastosuj nieprzezroczystość graniczną, wykorzystując poniższą właściwość:

Bottom graniczny: RGBA (226, 22, 22, 0);

„„Bottom graniczny„Własność sprawia, że ​​dolna strona granicy jest przezroczysta. Tutaj wartość „A”Jest ustawiony jako„0„Aby całkowicie ukryć granicę:

Można zauważyć, że krycie graniczne zostało pomyślnie ustawione.

Wniosek

Aby ustawić nieprzezroczystość graniczną w CSS, najpierw ustaw granicę wokół elementu, wykorzystując „granica" nieruchomość. Następnie ponownie wykorzystaj nieruchomość graniczną wraz z „RGBA„Wartość, aby ustawić krycie granicy. Użytkownicy mogą również ustawić nieprzezroczystość graniczną po określonych stronach za pomocą „Bottom graniczny”,„Top graniczny”,„LEST Border", I "prawej granicy" nieruchomości. Ten post wykazał metodę ustawiania nieprzezroczystości granicy w CSS.