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

Suggested prompts:

Can you explain when I should use content-box vs border-box in my projects?

What are some common issues caused by not using border-box?

Can you show a visual example comparing content-box and border-box?

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