Emphasize web content by placing a drop shadow around it. 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.
- 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.
- Background Color
- The background color for the drop shadow content.
- Text Color
- The text color of the drop shadow content.
- Border Width
- The width of the border surrounding the drop shadow content, in pixels.
- Border Color
- The color of the border surrounding the drop shadow content.