The CSS3 appearance property can be used to make an element look like what?

The CSS3 appearance property can be used to make an element look like what?

• A. A button
• B. A link
• C. A heading
• D. A paragraph

Answer: (A)

The appearance property makes a browser render an element using the look of a native UI control. When you set it to a button, the element takes on the OS-style button appearance—rounded corners, borders, padding, and the standard button behavior—so it visually matches a button even if you’re styling a different element like a div or span. This is why a button look is the best match among the options. Trying to make an element look like a link, a heading, or a paragraph isn’t what this property is designed for; those are semantic text elements, and appearance focuses on adopting the look of actual UI widgets. In practice you might see vendor-prefixed versions like -webkit-appearance: button; to achieve this in some browsers, though support can vary.

The appearance property makes a browser render an element using the look of a native UI control. When you set it to a button, the element takes on the OS-style button appearance—rounded corners, borders, padding, and the standard button behavior—so it visually matches a button even if you’re styling a different element like a div or span. This is why a button look is the best match among the options. Trying to make an element look like a link, a heading, or a paragraph isn’t what this property is designed for; those are semantic text elements, and appearance focuses on adopting the look of actual UI widgets. In practice you might see vendor-prefixed versions like -webkit-appearance: button; to achieve this in some browsers, though support can vary.