Creating drop shadow text effects in Internet Explorer using style sheets.
creating drop shadows using style sheets, text effects in Internet Explorer, drop shadows employing style sheets, style sheets drop shadow properties
Creating drop shadows using style sheets - text effects in Internet ExplorerGo to Creating drop shadows using style sheets - text effects in Internet ExplorerHTML & JavaScriptGo to HTML and JavaScript tips and tricksTips and tricksGo to web development Tips and tricksHomepage

Creating drop shadows using style sheets - text effects in Internet Explorer

Internet Explorer displays several text effects through style sheets. Here I'll show you how to create a drop-shadow to text using style sheets.

The drop shadow is made using the filter rule through which we specify the shadow color and its X-axis and Y-axis offset values. The height and the width rules are important too.
This style can be placed inside the HTML head section, to be called using the CLASS attribute of a <DIV> or <SPAN> tags or the style can be used as an inline style.

Note: These style sheet commands do not work in Netscape.

The Dropshadow Filter

The drop shadow style sheet

       height:20;
       width:400;
       font-size:20pt;
       font-weight:bold;
       filter:DropShadow(Color=#EEEE66, OffX=5, OffY=5)

AddThis Social Bookmark Button


Page contents: Learn how to create drop shadows using style sheets for Internet Explorer browser. The Drop shadow style sheets properties explined in detail.

Page URL: http://www.webdevelopersnotes.com/tips/html/ creating_drop_shadows_using_style_sheets_text_effects_in_internet_explorer.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com