NEW
Font size
WorksheetsCSS Properties
Total questions: 15
Worksheet time: 15mins
The CSS border properties allow you to specify the ___________ of an element's border.
Width and style
Style and color
Color and style
Style, Color and Width
The ____________ property specifies what kind of border to display.
border-style
border-color
border-width
border-design
The _________ property specifies the thickness of the four borders.
border-style
border-color
border-width
border-height
The _______ property is used to set the color of the four borders.
text-color
border-color
color
bg-color
What is the correct arrangement of the CSS Border - Shorthand property
solid 5px red
5px solid red
color solid 5px
5px red solid
The ____________ are used to create space around elements, outside of any defined borders.
Margin
Padding
Border
Box Model
You can set the margin property to ________ to horizontally center the element within its container.
auto
length
%
inherit
If the margin property has one value:
margin: 25px;
all four margins are 25px
top and bottom margins are 25px
right and left margins are 50px
Only the top margin will have a value
If the margin property has two values:
margin: 25px 50px;
top and bottom margins are 25px, right and left margins are 50px
top and bottom margins are 50px, right and left margins are 25px
top margin is 25px while bottom margin is 50px
right margin is 25px while left margin is 50px
The ___________ is used to create space around an element's content, inside of any defined borders.
Margin
Padding
Border
Box Model
If the padding property has one value:
padding: 50px;
all four paddings are 50px
top and bottom paddings are 50px
right and left paddings are 25px
Only the top padding will have a value
If the padding property has two values:
padding: 25px 50px;
top and bottom paddings are 25px, right and left paddings are 50px
top and bottom paddings are 50px, right and left paddings are 25px
top padding is 25px while bottom padding is 50px
right padding is 25px while left padding is 50px
property : Padding
A shorthand property for setting all the padding properties in one declaration
Sets the bottom and top paddings of an element
Sets the left and right paddings of an element
Adding space around the border
The CSS box model is essentially a box that wraps around every HTML element. It consists of:
margins, borders, padding, and the actual content.
margins, padding, and the actual content.
borders, padding, and the actual content.
margins, borders, and padding
The box model allows us to add a border around elements, and to define space between elements.
True
False
