Which of the following property defines how content should behave when it exceeds the width of its enclosing element?

overflow-y
overflow-x
overflow-z
overflow-width

The correct answer is: B. overflow-x

The overflow-x property defines how content should behave when it exceeds the width of its enclosing element. It can have the following values:

  • visible: The content is visible, even if it exceeds the width of its enclosing element.
  • hidden: The content is hidden if it exceeds the width of its enclosing element.
  • scroll: The content is visible, and a scroll bar is added to the element if the content exceeds the width of the element.
  • auto: The content is visible, and a scroll bar is added to the element if the content exceeds the width of the element, but only if the element is wider than its parent element.

The overflow-y property defines how content should behave when it exceeds the height of its enclosing element. The overflow-z property defines how content should behave when it exceeds the depth of its enclosing element. The overflow-width property is not a valid CSS property.

Exit mobile version