CSS - Ustaw odstępy liniowe

CSS - Ustaw odstępy liniowe
HTML i CSS to dwie podstawowe technologie do tworzenia i projektowania stron internetowych. Użytkownicy mogą dodawać dane w wielu formularzach, takich jak linie, akapity, tabele i bloki. Aby uniknąć bałaganu i obsłużyć dane w odpowiedniej sekwencji, CSS zapewnia obiekt do dodawania odstępów linii między różnymi elementami HTML do organizowania danych.

Ten post pokazuje instrukcje ustawiania odstępów linii w CSS.

Jak ustawić odstępy liniowe w CSS?

Aby ustawić odstępy linii w CSS, dodamy dane w HTML. Aby to zrobić, postępuj zgodnie z podanymi instrukcjami:

  • Najpierw dodaj tag nagłówka „

    „Aby ustawić nagłówek.

  • Następnie wspomnimy o czterech różnych przykładach ustawiania odstępów linii z nazwami „Przykład 1: 30px”,„Przykład 2: 50px”,„Przykład 3: 1 cm", I "Przykład 4: 2 cm".
  • Dodać "”Pojemnik na każdym nagłówku i przypisz klasę do każdego elementu DIV. Na przykład ustawiliśmy nazwę klasy jako „Przykład-A”,„Przykład-B ”, "Przykład-C", I "Przykład-d”Odpowiednio:

Jak ustawić właściwość przestrzeni linii w CSS


Przykład 1: 30px


To jest linia z określoną przestrzenią linii.>

Przestrzeń linii jest ustawiona jako 30px.

Przykład 2: 50px:


To jest linia z określoną przestrzenią linii 50px.>

Przestrzeń linii jest ustawiona jako 50px.

Przykład 3: 1CM:


To jest linia z określoną przestrzenią linii 1 cm.>
Przestrzeń linii jest ustawiona jako 1 cm.

Przykład 4: 2 cm:


To jest linia z określoną przestrzenią linii 2 cm.>

Przestrzeń linii jest ustawiona jako 2 cm.

Wyjście powyższego kodu podano poniżej:

Ustaw odstępy linii w CSS

W "„Tag, dostęp do wszystkich klas jeden po drugim, jak pokazano poniżej:

.Przykład-a
Wysokość linii: 30px;

.Przykład-B
Wysokość linii: 50px;

.Przykład-C
wysokość linii: 1 cm;

.Przykład-d
Wysokość linii: 2 cm;

Uzyskaj dostęp do elementu DIV według nazwy klasy, takich jak „.Przykład-A”I zastosuj właściwość CSS”Linia-heighT". Następnie ustaw wartość dla tej właściwości zgodnie z wyborem. Zastosuj tę samą właściwość we wszystkich klasach i odpowiednich odstępach linii.

Można zauważyć, że z powodzeniem ustawiliśmy odstępy linii w każdym przykładzie:

Dowiedzieliśmy się o instrukcji ustawiania przestrzeni linii w CSS.

Wniosek

Aby ustawić przestrzeń linii, najpierw utwórz prostą wielokrotność „div" pojemnik. Następnie określ klasy, aby uzyskać do nich dostęp. Następnie w sekcji CSS uzyskaj dostęp do pojemnika „DIV” z odpowiednimi klasami i zastosuj „Linia-heighwłaściwość t ”CSS. Ten blog wykazał instrukcje ustawiania odstępów linii w CSS.