<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>text-shadow</title> <style type="text/css"> p { width: 220px; height: 1.5em; margin: 2px 0; padding: 2px 2px 2px 18px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); } </style> </head> <body> <p> In the early W3C documents, text-overflow has been incorporated into the specification, but no longer includes text-overflow property </ p> In the latest revision of the document </ body> </ HTML>
In the early W3C documents, text-overflow has been incorporated into the specification, but no longer includes text-overflow property in the latest revision of the document.
As the W3C specification dropped support for text-overflow property, so the type of browser Mozilla also dropped support for the property. but,
Mozilla developer center recommended -moz-binding CSS properties were compatible. Firefox support for XUL (XUL is an XML
The user interface language, is an XML Binding Language), so that we can use the -moz-binding attribute to bind the XUL in the ellipsis
A property.
References to: CSS 3 combat the forest ---