Make web content appear deeper than the page foreground. The drop shadow automatically sizes to fit your HTML content.
In order for the drop shadow to size correctly to the content, it is implemented using an HTML table. You can choose either to
insert the raw HTML for the table into your document, or to have the elements inserted into the document through JavaScript, to
avoid cluttering your HTML with presentation details.
Internet Explorer 7+, Firefox 3+, Safari 4+
- Unique Element ID
- The value for the id attribute assigned to the inserted root HTML tag for the component. This value is used to uniquely identify the component.
- Drop Shadow HTML Markup
- Select "Inserted from JavaScript" to avoid inserting the HTML table markup directly in the HTML contents, but instead adding the markup when the page is loaded via JavaScript. Select "Raw HTML Markup" to directly insert the HTML table markup into the HTML contents, with no need for JavaScript.
- Corner Type
- The style of the corners of the inset edge.
- Shadow Size
- The size of the drop shadow.
- Content Padding
- The padding around the content that is being emphasized with the drop shadow, in pixels.
- Foreground Color
- The color of the page foreground, which surrounds the inset.
- Background Color
- The background color for the content in the inset.
- Has Bevel
- Should a beveled border appear along the inset edge?
- Bevel Color
- The color of the beveled border, if Has Bevel is selected.
- Text Color
- The text color of the drop shadow content.