CSS Border Stenothand Property

Starawkowe właściwości CSS mają tendencję do wykonywania wielu właściwości jednocześnie. Własność granicowa CSS pozwala całkowicie zmienić szerokość, styl i kolor granicy. Ten artykuł zawiera demonstrację na temat działalności nieruchomości granicznej. Ponadto zilustrowano różne przykłady, aby zdobyć właściwość graniczną.

Jak działa na granica streszczenie nieruchomości

Własność granicowa CSS działa na podstawie następującej składni:

W powyższej składni,

• selektor może być dowolnym elementem lub może odnosić się do klasy w CSS
• szerokość odnosi się do szerokości granicy i może być ustawiona w PX, EM, %. PX ustawia standard, a EM pokazuje wynik odnoszący się do wartości PX. Na przykład, jeśli ciało ma wartość PX równa 4px, byłoby to równe 1EM, podobnie dla 8px, byłoby to 2em.
• styl reprezentuje styl granicy i można ją kropkować, przenosić, solidne, podwójne, wioski, rowki, ukryte, wstawki, nabycie, brak.
• kolor Właściwość dodaje kolor do granic, a kolor można dostarczyć za pomocą dokładnej nazwy (czerwony, niebieski), używając wartości szesnastkowej koloru, przy użyciu schematu wzoru RGB/RGBA.

Powyższa dyskusja musiała pomóc w uzyskaniu koncepcji własności granicznej CSS.

Jak korzystać z nieruchomości na granicy CSS

Podstawowe działanie nieruchomości granicznej jest przedstawione w powyższej sekcji. Tutaj skorzystamy z kilku przykładów, które pokazują wykorzystanie własności granicznej CSS.

Przykład 1

Ćwiczono następujący kod, który stosuje nieruchomość graniczną CSS.

Opis kodu znajduje się poniżej:

• Dwie klasy CSS są tworzone o nazwie „jeden” i „dwa”
• Klasa „jedna” używa właściwości stenograficznej granicy o szerokości 2px, styl jest przerywany, a kolor to ciemnyblue
• „Dwie” klasa praktykuje właściwość granicową z następującymi wartościami: Szerokość to 2px, styl jest kropkowany, a kolor graniczny jest czerwony
• Inne właściwości w klasie „One” i „Dwa” odnoszą się do DIV użytych w ciele.
• W ciele używane są dwa znaczniki div, pierwszy znacznik DIV używa klasy „jeden” CSS, a drugi znacznik DIV używa klasy „dwóch” CSS.

Obraz kodu jest podany poniżej;

Wyjście powyższego kodu znajduje się poniżej:

Przykład 2

Właściwość granicowa akceptuje trzy parametry, a ich użycie znajduje się w powyższym przykładzie. Tutaj rozważamy tylko „styl z kolorem” i „styl z szerokością” właściwości granic strefa, używając następującego kodu.

Witamy w Linuxhint

Witamy w Linuxhint

Opis kodu znajduje się poniżej:

• Dwie klasy CSS są tworzone o nazwie „Prim” i „SEC”
• Klasa „Prim” zawiera styl i kolor granicy stenograficznej
• Klasa „SEC” wykorzystuje szerokość i styl
• W ciele tworzone są dwa akapity, które są powiązane z każdą klasą CSS

Obraz kodu pokazano poniżej:

Dane wyjściowe powyższego kodu pokazano poniżej:

Z przykładów ilustrowanych powyżej nauczyłbyś się funkcjonalności nieruchomości granicznej w różnych scenariuszach.

Wniosek

Nieruchomość graniczna CSS obejmuje trzy nieruchomości graniczne, szerokość graniczną, styl graniczny i kolor graniczny. W tym artykule zawiera szczegółowy przewodnik na temat nieruchomości granicznej CSS. Działanie nieruchomości na granicy jest krótko wyjaśnione, gdzie uzyskasz podstawowe zrozumienie tej właściwości. Ponadto w kilku przykładach stwierdzono, że wdraża nieruchomość graniczną CSS w różnych scenariuszach.