WebDevelopersNotes logo

home-icon Home / CSS / How do I flip text using style sheets?

How do I flip text using style sheets?

How do I flip text using style sheets?

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()}

Sponsored Links

Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.

Web designer vs. web developer

Sponsored Links

Tips

How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]

Fact

Digital Equipment Corporation (DEC) created the once popular Altavista Internet search engine. They were also the first computer vendor to launch a public web site at dec.com. Their domain name is the fifth oldest in the world and, at one time, hosted a popular software repository. [more...]

We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy