Własność w kolorze granicznym w CSS
Właściwość w kolorze granicznym akceptuje kolory w wielu trendach, takich jak dokładna nazwa kolorów, reprezentacja heksadecimalna kolorów i reprezentacje RGB/RGBA.
Ten artykuł zawiera możliwe sposoby ustawienia właściwości granicznej elementu HTML.
Jak działa nieruchomość w kolorze granicznym w CSS
Element jest otoczony czterema granicami, górną, dół, dolną i górną częścią. Właściwość w kolorze granicznym w CSS jest zgodna z składnią podaną poniżej:
kolor graniczny: wartość;Słowo kluczowe w kolorze granicznym pozostaje takie same, podczas gdy wartość zależy od wymagań użytkownika i może to być dokładna nazwa koloru, heksadecimal Wartość koloru lub kombinacja RGB/RGBA.
Jak korzystać z nieruchomości w kolorze granicznym w CSS
W tej sekcji zawiera kilka scenariuszy w celu zastosowania nieruchomości w kolorze granicznym w CSS.
Przykład 1: Korzystanie z kombinacji RGB
W obliczeniach RGB (czerwony zielony niebieski) jest szeroko stosowanym standardem podczas przechodzenia przez zarządzanie kolorami. Wartość R, G i B waha się od 0 do 255, a każda kombinacja wartości zwraca inny kolor.
Na przykład następujący kod HTML praktykuje wewnętrzną klasę CSS, aby ustawić kolor graniczny.
Witamy w Linuxhint
Obraz powyższego kodu znajduje się poniżej:
Wyjście:
Przykład 2: Korzystanie z kombinacji RGBA
RGBA (czerwony, zielony, niebieski, alfa) jest przedłużeniem RGB, a alfa reprezentuje przezroczystość koloru. Wartość alfa wynosi od 0.0 do 1.0 (0.0 jest najmniej przezroczysty i 1.0 jest najbardziej przezroczysty). Kod podany poniżej praktykuje wewnętrzne CSS w celu zastosowania RGBA:
Witamy w Linuxhint
Klasa CSS jest tworzona o nazwie „Bor-Color”, która zawiera właściwość kolorów granicznych. Ta klasa jest następnie używana w elemencie akapitu ciała.
Wyjście:
Przykład 3: Używając nazwy koloru
Dokładną nazwę koloru można użyć do określenia koloru granicznego, jak pokazano w następującym kodzie
Witamy w Linuxhint
Powyższy kod HTML zawiera,
- tag stylu, aby dodać klasę CSS o nazwie „Bor-kool”, aby ustawić kolor graniczny
- i powstaje akapit powiązany z klasą CSS
Wyjście:
Przykład 4: Korzystanie z wartości sześciokątnej koloru
Do koloru granicznego można również użyć wartości szesnastkowej koloru. Poniższy kod praktykuje kod heksadecimalny czarnego koloru, aby użyć go do koloru granicznego:
Witamy w Linuxhint
Klasa CSS jest zdefiniowana w powyższym kodzie, aby ustawić kolor graniczny w formacie szesnastkowym, a akapit jest tworzony, aby użyć tej klasy CSS.
Wyjście:
Przykład 5: Korzystanie z właściwości granicznej na poszczególnych granicach
Własność w kolorze granicznym jest podzielona na kolor graniczny, kolor graniczny, kolor graniczny i kolor graniczny w celu pokolorowania boków granicznych. Ćwiczony jest następujący kod, aby indywidualnie nadawać kolory bokom granicznym.
Górna strona granicy jest kolorowa
Prawa strona granicy jest zabarwiona
Dolna strona granicy jest kolorowa
Lewa strona obramowania jest zabarwiona
W wyżej napisanym kodzie,
- Cztery klasy CSS są tworzone jako „TOP”, „Right”, „Umor” i „Left”, które są używane do zastosowania „koloru granicznego”, „kolorowego koloru granicznego”, „koloru granicznego koloru granicznego koloru granicznego ”I„ kolor graniczny ”.
- granice akapitu są solidne
- tworzone są cztery akapity, a każdy z nich zawiera klasę CSS
Wyjście:
Wniosek
Własność granicowa CSS umożliwia zmiany w kolorze granicznym zgodnie z wymaganiami. Ten opisowy post zapewnia demonstrację użycia właściwości w kolorze granicznym w CSS w celu zmiany koloru granicy. Istnieje na to wiele sposobów, właściwość w kolorze granicznym akceptuje kolory w wielu trendach, takich jak dokładna nazwa koloru, reprezentacja heksadecimalna kolorów i reprezentacje RGB/RGBA. Na koniec nauczyłbyś się zastosowania właściwości w kolorze granicznym w CSS, badając wiele scenariuszy podanych w tym przewodniku.