Horizontal and vertical flipping of text with the help of style sheets for display in Internet Explorer.
flipping text horizontally and vertically using style sheets, horizontal flip employing style sheets, style sheets horizontal flip properties, vertical flip employing style sheets, style sheets vertical flip properties
Flipping text using style sheets - text effects in Internet ExplorerGo to Flipping text using style sheets - text effects in Internet ExplorerHTML & JavaScriptGo to HTML and JavaScript tips and tricksTips and tricksGo to web development Tips and tricksHomepage

Flipping text using style sheets - text effects in Internet Explorer

Internet Explorer displays several text effects through style sheets. Here I'll show you how to flip a piece of text horizontally and vertically.

The horizontal and vertical flips are made using the filter rule through which we specify horizontal fliph() or vertical flipv() flips. 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 4.7.

Horizontal Flip

Vertical Flip

The horizontal flip style sheet

    {height:50;
     width:400;
     font-size:20pt;
     font-weight:bold;
     filter:fliph()}

The vertical flip style sheet

    {height:50;
     width:400;
     font-size:20pt;
     font-weight:bold;
     filter:flipv()}

AddThis Social Bookmark Button


Page contents: Learn the Fliph and Flipv style sheet filter properties to display flipped text in Internet Explorer.

Page URL: http://www.webdevelopersnotes.com/tips/html/ flipping_text_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