W tworzeniu stron internetowych „„granica„Nieruchomość odgrywa znaczącą rolę. Mogą być wykorzystywane do rozróżnienia lub wyróżnienia rzeczy na stronie internetowej, co sprawia, że ​​odwiedzającym i łatwym do postrzegania i działaniu na stronie. Ponadto użytkownik może również określić wysokość obramowania. Wysokość granic w CSS faktycznie zależy od długości linii granicznych.

Czasami użytkownik uważa, że ​​granica będzie zawsze stosowana w poziomie zgodnie z granicą elementu. Jednak ta koncepcja jest błędna. Możesz ustawić wysokość granic zgodnie z ich preferencjami.

Ten post wyjaśni, jak ustawić wysokość obramowania w CSS.

Jak ustawić wysokość obramowania w CSS?

Aby ustawić wysokość granic w CSS, „Wysokość linii„Własność jest używana. Ta właściwość jest powszechnie używana do ustawiania odległości między wierszami tekstu.

W tym celu wypróbuj wspomniane instrukcje.

Krok 1: Utwórz pojemnik „Div”

Początkowo zrób „div”Pojemnik z pomocą„" element. Przypisz go także „klasa”Atrybut wewnątrz znacznika otwierającego elementu„ ”i określ nazwę klasy zgodnie z wyborem.

Krok 2: Włóż nagłówek

Następnie wstaw nagłówek za pomocą dowolnego znacznika nagłówka „

" Do "

". W tym przykładzie wykorzystaliśmy „

Krok 3: Zrób listę

Następnie użyj „

”Tag, aby stworzyć uporządkowaną listę i dodać dane w liście za pomocą„
1. ”Tag:
   
   

   Lista ptaków

   
   
   
   
   1. Kura
   
   
   2. Wróbel
   
   
   3. Wieprz
   
   
   4. Kaczka
   
   
   5. Papuga
   
   
   
   

   Wyjście

   Krok 4: Ustaw wysokość obramowania na elemencie „Div”

   Uzyskać dostęp do "div„Pojemnik z pomocą klasy”.treść”I zastosuj właściwości CSS wymienione w poniższym fragmencie:

   .treść
   Wyściółka: 0 10px;
   Wyświetlacz: Block Inline;
   LEST BRANDEFT: 4PX Solid RGB (6, 21, 228);
   Wysokość linii: 18px;
   kolor tła: bisque;
   Margines: 20px 140px;
   Bottom graniczny: 4px stały RGB (241, 170, 14);
   

   Tutaj:

   • "wyściółka”Określa miejsce wewnątrz zdefiniowanego elementu.
   • "wyświetlacz”Jest ustawiony jako„Block wbudowany”W celu określenia zachowania wyświetlania elementu.
   • "LEST Border„Własność jest wdrażana w celu narysowania granicy po lewej stronie.
   • "Wysokość linii”Jest wykorzystywany do ustawiania wysokości zdefiniowanej granicy zgodnie z określoną wartością.
   • "kolor tła”Określa kolor tła wybranego elementu.
   • "margines”Określa przestrzeń wokół zdefiniowanej granicy.
   • "Bottom graniczny”Jest wykorzystywany do ustawienia linii granicznej w dolnej stronie elementu.

   Wyjście

   W rezultacie wysokość granic na „div„Element korzystający z CSS jest z powodzeniem stosowany.

   Wniosek

   Aby ustawić wysokość granicy w CSS, najpierw dodaj jednostronną granicę za pomocą „LEST Border" Lub "prawej granicy”I zastosuj„Wysokość linii„Własność w celu określenia wysokości granicy. Ponadto możesz również zastosować inne właściwości CSS do stylizacji elementu. Ten post wykazał procedurę ustawiania wysokości granicy w CSS.