Background-shape

From Frontal Wiki

Purpose

This style sets the shape of the background of a visual element.

Value

One of "rectangle", "ellipse" or "rounded rectangle". The default value is "rectangle".

background-shape: rounded rectangle;

Remarks

If set to "rounded rectangle," use bg-shape-ellipse-width and bg-shape-ellipse-height to set the shape of the rounded corners. See the Flash documentation for Graphics.drawRoundRect for more details.

Example

<div style="width: 400px; height: 150px; background-color: orangered; background-shape: rounded rectangle; bg-shape-ellipse-width: 30px; bg-shape-ellipse-height: 30px;"/>
<div style="width: 150px; height: 150px; background-color: lightblue; background-shape: ellipse;"/>

See Also

• bg-shape-ellipse-width
• bg-shape-ellipse-height

Can Be Applied To

This style can be applied to all visual elements:

• div
• document
• img
• text
• video
• form
• input