Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
What Are the Length Units Used in CSS
What Are the Length Units Used in CSS? - CSS Tutorials - Page Layout and Background Image Design
✍: FYIcenter.com
To control your page width and page layout, you must understand the length units used in CSS. Here is a list of main length units:
cm - One centimeter, absolute unit. em - The height of the current text font, relative unit. ex - The height of the letter 'x', relative unit. in - One inch, absolute unit. mm - One millimeter, absolute unit. pc - One Pica = 12 pt, absolute unit. pt - One point = 1/72 inch, absolute unit. px - One pixel of the browser resolution, relative unit.
If you want to compare those units, you can try the following file of HTML and CSS codes:
<html><body> <p>Length Units Test by FYICenter.com:</p> <table> <tr><td align=right>1 cm</td> <td align=left><hr style="{width: 1cm}"></td></tr> <tr><td align=right>10 em</td> <td align=left><hr style="{width: 10em}"></td></tr> <tr><td align=right>10 ex</td> <td align=left><hr style="{width: 10ex}"></td></tr> <tr><td align=right>1 in</td> <td align=left><hr style="{width: 1in}"></td></tr> <tr><td align=right>10 mm</td> <td align=left><hr style="{width: 10mm}"></td></tr> <tr><td align=right>6 pc</td> <td align=left><hr style="{width: 1pc}"></td></tr> <tr><td align=right>72 pt</td> <td align=left><hr style="{width: 72pt}"></td></tr> <tr><td align=right>90 px</td> <td align=left><hr style="{width: 90px}"></td></tr> </table> </body></html>
2007-05-11, 4732👍, 0💬
Popular Posts:
What is the version information in XML? “version” tag shows which version of XML is used.
What's the output of the following program? And why? #include main() { typedef union { int a; char b...
Enable ASP.NET polling using “web.config” file Now that all our database side is configured in order...
How To Get the Minimum or Maximum Value of an Array? - PHP Script Tips - PHP Built-in Functions for ...
How To Create an Add-to-My-Yahoo Button on Your Website? - RSS FAQs - Adding Your Feeds to RSS News ...