Css Text_ Borders And Images — Part 1 MCQs with Explanations

The border-width property sets the width of an element’s four borders. This property can have from one to four values.

CSS3 border-radius property allows you can give any element “rounded corners”.

The border-bottom-width CSS property sets the width of the bottom border of a box.

The border-color property sets the color of an element’s four borders. This property can have from one to four values.

The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.

The border-image-source property specifies the path to the image to be used as a border (instead of the normal border around an element).

The border-image-width CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge.

Except option a, all other values can be set to border collapse CSS property.

The border-spacing property sets the distance between the borders of adjacent cells (only for the “separated borders” model).

The border-top shorthand property sets all the top border properties in one declaration.

Outlines do not take up space, they are drawn above the content.

The border property creates the inner border, while the outline sets the outer border.

As the property name specifies, it sets the color of the outline to the provided value.

It specifies a 3D outset border. The effect depends on the border-color value.

The property defines a dashed border.

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

groove specifies a 3D grooved border. The effect depends on the border-color value.

The shorthand run in clockwise direction.

The outline-width CSS property is used to set the width of the outline of an element.

As the name suggests, a solid outline is created using this value.

@media screen { p { font-family: verdana, sans-serif ; font-size: 17px ; } }

Media types are mutually exclusive in the sense that a user agent can only support one media type when rendering a document. However, user agents may use different media types on different canvases. For example, a document may (simultaneously) be shown in ‘screen’ mode on one canvas and ‘print’ mode on another canvas.

@media and @import rules with unknown media types (that are nonetheless valid identifiers) are treated as if the unknown media types are not present. If an @media/@import rule contains a malformed media type (not an identifier) then the statement is invalid.

Syntax: border-bottom: border-width border-style border-color;

Syntax: border-bottom-width: non-negative length | medium | thick | thin | inherit

Syntax: border-collapse: collapse | separate | inherit

Syntax: border-right-style: dashed | dotted | double

Syntax: border-top-color: color | transparent | inherit

Syntax: border-width: width

Syntax: border-style: style

Syntax: border-top: border-width border-style border-color;

Syntax: bottom: length | percentage | auto | inherit

Syntax: clear: both | left | none | right

Syntax: opacity: alphavalue | inherit

Syntax: outline-offset: length | inherit

none of the mentioned

Syntax: overflow-x: auto | hidden

Syntax: perspective: none

Syntax: resize: both | horizontal | none

Syntax: ruby-align: auto | center