Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verständnis der Box-Größenbestimmung in CSS | Das CSS-Box-Modell und Abstandselemente
CSS-Grundlagen

bookVerständnis der Box-Größenbestimmung in CSS

Die Eigenschaft box-sizing wird verwendet, um zu steuern, wie die Gesamtgröße eines Elements berechnet wird, insbesondere in Bezug auf dessen width und height. Für die Eigenschaft box-sizing gibt es drei mögliche Werte. Im Folgenden werden diese Werte erläutert:

box-sizing: content-box | border-box | inherit;
index.html

index.html

styles.css

styles.css

copy

Ausgabe

inherit

  • Der Wert inherit ermöglicht es, dass die Eigenschaft box-sizing eines Elements den Wert vom Elternelement übernimmt;
  • Das bedeutet, dass das box-sizing-Verhalten des aktuellen Elements durch die box-sizing-Eigenschaft des Elternelements bestimmt wird;
  • Dies kann dazu beitragen, ein konsistentes box-sizing-Verhalten im gesamten Dokument sicherzustellen, indem es auf einem übergeordneten Container gesetzt wird.

1. Was ist der Standardwert für die Eigenschaft box-sizing?

2. Wenn ein Elternelement box-sizing: border-box hat und ein Kindelement box-sizing: inherit, welchen Wert verwendet das Kindelement für die Eigenschaft box-sizing?

question mark

Was ist der Standardwert für die Eigenschaft box-sizing?

Select the correct answer

question mark

Wenn ein Elternelement box-sizing: border-box hat und ein Kindelement box-sizing: inherit, welchen Wert verwendet das Kindelement für die Eigenschaft box-sizing?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.56

bookVerständnis der Box-Größenbestimmung in CSS

Swipe um das Menü anzuzeigen

Die Eigenschaft box-sizing wird verwendet, um zu steuern, wie die Gesamtgröße eines Elements berechnet wird, insbesondere in Bezug auf dessen width und height. Für die Eigenschaft box-sizing gibt es drei mögliche Werte. Im Folgenden werden diese Werte erläutert:

box-sizing: content-box | border-box | inherit;
index.html

index.html

styles.css

styles.css

copy

Ausgabe

inherit

  • Der Wert inherit ermöglicht es, dass die Eigenschaft box-sizing eines Elements den Wert vom Elternelement übernimmt;
  • Das bedeutet, dass das box-sizing-Verhalten des aktuellen Elements durch die box-sizing-Eigenschaft des Elternelements bestimmt wird;
  • Dies kann dazu beitragen, ein konsistentes box-sizing-Verhalten im gesamten Dokument sicherzustellen, indem es auf einem übergeordneten Container gesetzt wird.

1. Was ist der Standardwert für die Eigenschaft box-sizing?

2. Wenn ein Elternelement box-sizing: border-box hat und ein Kindelement box-sizing: inherit, welchen Wert verwendet das Kindelement für die Eigenschaft box-sizing?

question mark

Was ist der Standardwert für die Eigenschaft box-sizing?

Select the correct answer

question mark

Wenn ein Elternelement box-sizing: border-box hat und ein Kindelement box-sizing: inherit, welchen Wert verwendet das Kindelement für die Eigenschaft box-sizing?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2
some-alt