CSS (Text, Borders, and Images) 1

Question 1

How many ways to define the border-image-width CSS property?

Accepted Answer

9

Answer

The `border-image-width` CSS property can be defined in nine different ways. It accepts up to four values (top, right, bottom, left), and each of these values can be a length, a percentage, or the keyword `auto`. This combination of up to four values, each with three possible types, leads to a total of nine distinct ways to specify the property (1-value, 2-value, 3-value, 4-value syntax, with each value being length, percentage, or auto).

Question 2

In a single declaration, which of the following CSS properties defines the distinct properties of all four sides of an element's border?

Accepted Answer

border-width

Answer

The `border-width` property specifically defines the width of an element's four borders. It can accept one to four values to set the width for the top, right, bottom, and left sides respectively. While `border` is a shorthand for all border properties, `border-width` is the precise property for controlling the distinct widths of each side.

Question 3

Identify the CSS property that defines the border's bottom-left corner shape.

Accepted Answer

border-bottom-left-radius

Answer

The `border-bottom-left-radius` property is a specific CSS property used to define the curvature of an element's bottom-left corner. While `border-radius` is a shorthand for all four corners, this property allows for individual control over the shape of a single corner. It enables precise styling for creating unique rounded designs.

Question 4

The border-color property of which of the following CSS properties sets the color of an element's four borders?

Accepted Answer

border-color

Answer

The `border-color` property is explicitly designed to set the color of an element's borders. It can accept one to four values to define the color for all four sides (top, right, bottom, left) or individual sides. This property directly controls the visual color of the border lines, making it the correct choice for this purpose.

Question 5

Select a CSS property for collapsing the borders between table cells.

Accepted Answer

border-collapse

Answer

The `border-collapse` property is a specific CSS property used exclusively for styling tables. It controls whether table cell borders are rendered as separate (default) or collapsed into a single, unified border. This property is essential for achieving a clean and consistent border appearance in HTML tables.

CSS Language Practice Test

CSS Language Practice Test

CSS (Text, Borders, and Images) 1