W2: CSS Layout Display and Overflow

Question 1

Specifies if/how an element is displayed?

Answer 1

display property

Question 2

The default display value for most elements is ___ or ____.

Answer 2

block or inline.

Question 3

A _____-level element always starts on a new line and takes up the full width available.

Answer 3

Block-level element

Question 4

An ______-level element does not start on a new line and only takes up as much width as necessary.

Answer 4

Inline-level element

Question 5

It is commonly used with JavaScript to hide and show elements without deleting and recreating them.

Answer 5

display: none;

Question 6

What element uses display: none; as default?

Answer 6

<script>
element.
</script>

Question 7

Controls what happens to content that is too big to fit into an area?

Answer 7

Overflow property

Question 8

By default, the overflow value is ____ meaning that it is not clipped and it renders outside the element’s box.

Answer 8

visible or overflow: visible;

Question 9

With the ____ value, the overflow is clipped, and the rest of the content is hidden.

Answer 9

hidden or overflow: hidden;

Question 10

The overflow is clipped and a scrollbar is added to scroll inside the box horizontally and vertically.

Answer 10

scroll or overflow: scroll;

Question 11

This overflow value is similar to scroll, but it adds scrollbars only when necessary.

Answer 11

auto or overflow: auto;