Browser Extensions

Each web browser's layout engine has its own extension for the features of CSS it supports, whether they be proprietary, experimental or purely internal. For instance, many browsers only have experimental CSS3 implementations, so the CSS property is often prefixed by the layout engine's name. The most famous example would probably be border-radius, which for the longest time was only supported by WebKit and Gecko as -webkit-border-radius and -moz-border-radius respectively (border-radius is now supported by WebKit, Gecko, Presto & Trident without the vendor prefix).

  • -engine-property: arguments;
Extensions by Layout Engine
Extension Layout Engine Browsers
-webkit- WebKit Safari, Shiira, OmniWeb, Flock (3.x+), Chrome
-moz- Gecko Firefox, Flock (up to 2.x), Iceweasel
-o- Presto Opera
-ms- Trident Internet Explorer

IE Specific Properties

-Use (-ms-)writing-mode: bt-rl; to vertically align text, with punctuation at the beginning of the string to display text that reads vertically in IE7+

-Use (-ms-)text-align-last for orphan lines at the end of paragraphs

-Use text-align:justify; text-justify: newspaper; text-align-last:end for newspaper layouts

(-ms- for IE8+)

See also

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.



Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.

Manage research, learning and skills at Create an account using LinkedIn to manage and organize your omni-channel knowledge. is like a shopping cart for information -- helping you to save, discuss and share.

  Contact Us