tab-size-length.html (1912B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <title>CSS Test: Testing the layout of TAB characters with various 'tab-size' length values</title> 8 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 9 <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property"> 10 <link rel="match" href="tab-size-length-ref.html"> 11 12 <meta charset="utf-8"> 13 <style type="text/css"> 14 15 @font-face { 16 font-family:Ahem; src:url(../fonts/Ahem.ttf); 17 } 18 * { 19 font:20px/20px Ahem; 20 } 21 html,body { 22 color:black; background-color:white; 23 } 24 25 </style> 26 </head> 27 <body> 28 29 <pre style="-moz-tab-size: 20px">A	B	C</pre> 30 <pre style="-moz-tab-size: 50px">A	B	C</pre> 31 <pre style="-moz-tab-size: 2ch">A	B	C</pre> 32 <pre style="-moz-tab-size: 3em">A	B	C</pre> 33 <pre style="-moz-tab-size: calc(10px + 2em)">A	B	C</pre> 34 <pre style="-moz-tab-size: calc(2em)">A	B	C</pre> 35 <pre style="-moz-tab-size: calc(3.5 - 1)">A	B	C</pre> 36 <pre style="-moz-tab-size: 0.8ch">A	B	C</pre> 37 <pre style="-moz-tab-size: 0px">A	B	C</pre> 38 <pre style="-moz-tab-size: calc(-2em)">A	B	C</pre> 39 <pre style="-moz-tab-size: calc(1px - 2px)">A	B	C</pre> 40 <pre style="-moz-tab-size: calc(-2.5)">A	B	C</pre> 41 <pre style="-moz-tab-size: -2em">A	B	C</pre> 42 <pre style="-moz-tab-size: 100%">A	B	C</pre> 43 <pre style="-moz-tab-size: calc(10% + 2em)">A	B	C</pre> 44 <pre style="-moz-tab-size: 0">A	B	C</pre> 45 <pre style="-moz-tab-size: 0.0">A	B	C</pre> 46 <pre style="-moz-tab-size: 1">A	B	C</pre> 47 <pre style="-moz-tab-size: 3">A	B	C</pre> 48 <pre style="-moz-tab-size: 3.4">A	B	C</pre> 49 <pre style="-moz-tab-size: -1.5">A	B	C</pre> 50 51 </body> 52 </html>