Blog

Question 1:  What is the default value of the overflow property in CSS?

(A) hidden

(B) visible

(C) scroll

Question 2:  Which overflow value hides any overflowing content without scrolling?

(A) auto

(B) hidden

(C) scroll

Question 3:  What does the overflow: scroll; property do?

(A) Hides overflowing content

(B) Adds a scrollbar only if needed

(C) Always adds a scrollbar

Question 4:  Which property is used to control horizontal and vertical overflow separately?

(A) overflow-x and overflow-y

(B) overflow-inline and overflow-block

(C) clip-path

Question 5:  What happens when overflow: auto; is applied?

(A) It always displays scrollbars

(B) It adds scrollbars only when content overflows

(C) It hides overflowing content

Question 6:  Which property is used for defining a clipping region in CSS?

(A) clip

(B) clip-path

(C) overflow

Question 7:  What happens when clip: rect(0, 100px, 100px, 0); is applied?

(A) The element is hidden

(B) The element is clipped to the specified rectangle

(C) The element overflows the parent

Question 8:  Which value of clip-path creates a circular clipping region?

(A) polygon()

(B) circle()

(C) rect()

Question 9:  What is the main difference between overflow: hidden; and clip-path?

(A) overflow: hidden; removes content while clip-path only hides it visually

(B) clip-path removes content while overflow: hidden; only hides it visually

(C) Both work the same way

Question 10:  What happens if overflow-x: hidden; and overflow-y: scroll; are set together?

(A) Only horizontal scrolling is enabled

(B) Vertical scrolling is enabled but horizontal overflow is hidden

(C) Both directions allow scrolling