<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="style.css" type="text/css"> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"> <link rel="Start" href="index.html"> <link rel="previous" href="CSS.Color.html"> <link rel="next" href="CSS.Angle.html"> <link rel="Up" href="CSS.html"> <link title="Index of types" rel=Appendix href="index_types.html"> <link title="Index of exceptions" rel=Appendix href="index_exceptions.html"> <link title="Index of values" rel=Appendix href="index_values.html"> <link title="Index of class methods" rel=Appendix href="index_methods.html"> <link title="Index of class types" rel=Appendix href="index_class_types.html"> <link title="Index of modules" rel=Appendix href="index_modules.html"> <link title="Index of module types" rel=Appendix href="index_module_types.html"> <link title="CSS" rel="Chapter" href="CSS.html"> <link title="Dom" rel="Chapter" href="Dom.html"> <link title="Dom_events" rel="Chapter" href="Dom_events.html"> <link title="Dom_html" rel="Chapter" href="Dom_html.html"> <link title="Dom_svg" rel="Chapter" href="Dom_svg.html"> <link title="EventSource" rel="Chapter" href="EventSource.html"> <link title="File" rel="Chapter" href="File.html"> <link title="Firebug" rel="Chapter" href="Firebug.html"> <link title="Form" rel="Chapter" href="Form.html"> <link title="Js" rel="Chapter" href="Js.html"> <link title="Json" rel="Chapter" href="Json.html"> <link title="Jsonp" rel="Chapter" href="Jsonp.html"> <link title="Keycode" rel="Chapter" href="Keycode.html"> <link title="Lwt_js" rel="Chapter" href="Lwt_js.html"> <link title="Lwt_js_events" rel="Chapter" href="Lwt_js_events.html"> <link title="Regexp" rel="Chapter" href="Regexp.html"> <link title="Sys_js" rel="Chapter" href="Sys_js.html"> <link title="Typed_array" rel="Chapter" href="Typed_array.html"> <link title="Url" rel="Chapter" href="Url.html"> <link title="WebGL" rel="Chapter" href="WebGL.html"> <link title="WebSockets" rel="Chapter" href="WebSockets.html"> <link title="XmlHttpRequest" rel="Chapter" href="XmlHttpRequest.html"> <link title="Lwt_log_js" rel="Chapter" href="Lwt_log_js.html"> <link title="JsooTop" rel="Chapter" href="JsooTop.html"> <link title="Ocamlbuild_js_of_ocaml" rel="Chapter" href="Ocamlbuild_js_of_ocaml.html"> <link title="Deriving_Json" rel="Chapter" href="Deriving_Json.html"> <link title="Deriving_Json_lexer" rel="Chapter" href="Deriving_Json_lexer.html"> <link title="Pa_deriving_Json" rel="Chapter" href="Pa_deriving_Json.html"><title>CSS.Length</title> </head> <body> <div class="navbar"><a class="pre" href="CSS.Color.html" title="CSS.Color">Previous</a> <a class="up" href="CSS.html" title="CSS">Up</a> <a class="post" href="CSS.Angle.html" title="CSS.Angle">Next</a> </div> <h1>Module <a href="type_CSS.Length.html">CSS.Length</a></h1> <pre><span class="keyword">module</span> Length: <code class="code">sig</code> <a href="CSS.Length.html">..</a> <code class="code">end</code></pre><hr width="100%"> <pre><code><span id="TYPEt"><span class="keyword">type</span> <code class="type"></code>t</span> = </code></pre><table class="typetable"> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Zero"><span class="constructor">Zero</span></span></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >For 0, unit is optional</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Em"><span class="constructor">Em</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the font size</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Ex"><span class="constructor">Ex</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the x-height</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Px"><span class="constructor">Px</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the viewing device</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Gd"><span class="constructor">Gd</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the grid</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Rem"><span class="constructor">Rem</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the font size of the root</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Vw"><span class="constructor">Vw</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the viewport's width</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Vh"><span class="constructor">Vh</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the viewport's height</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Vm"><span class="constructor">Vm</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the smallest of the viewport's width or height</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Ch"><span class="constructor">Ch</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >Relative to the width of a char '0'</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Mm"><span class="constructor">Mm</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >in Milimeter</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Cm"><span class="constructor">Cm</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >in Centimeter</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.In"><span class="constructor">In</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >in Inch</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Pt"><span class="constructor">Pt</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >in Points (72pt = 1in)</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr> <tr> <td align="left" valign="top" > <code><span class="keyword">|</span></code></td> <td align="left" valign="top" > <code><span id="TYPEELTt.Pc"><span class="constructor">Pc</span></span> <span class="keyword">of</span> <code class="type">float</code></code></td> <td class="typefieldcomment" align="left" valign="top" ><code>(*</code></td><td class="typefieldcomment" align="left" valign="top" >in Picas (1pc = 12pt)</td><td class="typefieldcomment" align="left" valign="bottom" ><code>*)</code></td> </tr></table> <div class="info "> The type of length attributes. Mdc documentation: https://developer.mozilla.org/en/CSS/length and specification: http://www.w3.org/TR/css3-values/#lengths<br> </div> <pre><span id="TYPEjs_t"><span class="keyword">type</span> <code class="type"></code>js_t</span> = private <code class="type"><a href="Js.js_string-c.html">Js.js_string</a> <a href="Js.html#TYPEt">Js.t</a></code> </pre> <div class="info "> Js representation of lengths.<br> </div> <br> Conversion functions<br> <pre><span id="VALstring_of_t"><span class="keyword">val</span> string_of_t</span> : <code class="type"><a href="CSS.Length.html#TYPEt">t</a> -> string</code></pre> <pre><span id="VALjs"><span class="keyword">val</span> js</span> : <code class="type"><a href="CSS.Length.html#TYPEt">t</a> -> <a href="CSS.Length.html#TYPEjs_t">js_t</a></code></pre> <pre><span id="VALml"><span class="keyword">val</span> ml</span> : <code class="type"><a href="CSS.Length.html#TYPEjs_t">js_t</a> -> <a href="CSS.Length.html#TYPEt">t</a></code></pre></body></html>