Grenzhöhe in CSS

Grenzhöhe in CSS
In der Webentwicklung die “GrenzeImmobilie spielt eine bedeutende Rolle. Sie können verwendet werden, um Dinge auf einer Website zu unterscheiden oder hervorzuheben, was es den Besuchern einfach und einfach macht, auf der Website wahrzunehmen und zu handeln. Darüber hinaus kann der Benutzer auch die Grenzhöhe bestimmen. Die Randhöhe in CSS hängt tatsächlich von der Länge der Grenzlinien ab.

Manchmal glaubt der Benutzer, dass der Rand immer horizontal nach der Grenze des Elements angewendet wird. Dieses Konzept ist jedoch falsch. Sie können die Grenzhöhe nach ihren Vorlieben setzen.

In diesem Beitrag wird erklärt, wie man die Grenzhöhe in CSS festlegt.

So setzen Sie die Randhöhe in CSS?

Um die Randhöhe in CSS einzustellen, die “ZeilenhöheEigenschaft wird verwendet. Diese Eigenschaft wird üblicherweise verwendet, um den Abstand zwischen Textzeilen festzulegen.

Probieren Sie zu diesem Zweck die genannten Anweisungen aus.

Schritt 1: Erstellen Sie einen Div -Container

Machen Sie zunächst eine “divContainer mit Hilfe der “" Element. Weisen Sie es auch ein “zu“Klasse”Attribut im Eröffnungs -Tag des Elements„ “und geben Sie einen Namen für die Klasse nach Ihrer Wahl an.

Schritt 2: Setzen Sie eine Überschrift ein

Fügen Sie als nächstes eine Überschrift mit einem Überschrift -Tag ein

" Zu "
”. In diesem Beispiel haben wir das verwendet

Schritt 3: Erstellen Sie eine Liste

Dann verwenden Sie die “

    Tag, um die geordnete Liste zu erstellen und die Daten in der Liste mit Hilfe der “hinzuzufügen“
  1. " Schild:


    Liste der Vögel



    1. Henne

    2. Spatz

    3. Schwein

    4. Ente

    5. Papagei


    Ausgang

    Schritt 4: Stellen Sie die Randhöhe auf das "Div" -Element ein

    Greife auf ... zu "div"Container mit Hilfe der Klasse".InhaltUnd wenden Sie die im folgenden Snippet genannten CSS -Eigenschaften an:

    .Inhalt
    Polsterung: 0 10px;
    Anzeige: Inline-Block;
    Border-Links: 4PX Solid RGB (6, 21, 228);
    Zeilenhöhe: 18px;
    Hintergrundfarbe: Bisque;
    Rand: 20px 140px;
    Grenzboden: 4PX Solid RGB (241, 170, 14);

    Hier:

    • PolsterungGibt einen Raum innerhalb des definierten Elements an.
    • Anzeige”Wird als" eingestellt "Inline-Block”Für die Angabe des Anzeigverhaltens des Elements.
    • Grenz-linksDie Eigenschaft wird eingesetzt, um die Grenze auf der linken Seite zu ziehen.
    • Zeilenhöhe”Wird verwendet, um die Höhe der definierten Grenze gemäß dem angegebenen Wert festzulegen.
    • Hintergrundfarbe”Bestimmt die Farbe des Hintergrunds des ausgewählten Elements.
    • Rand”Bestimmt den Raum um die definierte Grenze.
    • Grenzboden”Wird verwendet, um die Grenzlinie auf der unteren Seite des Elements einzustellen.

    Ausgang

    Infolgedessen die Grenzhöhe auf der “divDas Element mit CSS wird erfolgreich angewendet.

    Abschluss

    Fügen Sie zunächst die einseitige Grenze mit Hilfe von “hinzu, um die Randhöhe in CSS festzulegenGrenz-links" oder "Grenzrechte”Und wenden Sie die“ anZeilenhöheEigenschaft, um die Höhe des Randes anzugeben. Darüber hinaus können Sie auch andere CSS -Eigenschaften zum Styling des Elements anwenden. Dieser Beitrag hat das Verfahren zur Festlegung der Randhöhe in CSS gezeigt.