css-module-basic-box.xml

<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Basic Box" standard-reference="http://www.w3.org/TR/css3-box/" status="WD" pub-date="2007-08-09">

  <CssProperty name="display" version="1.0" restriction="enum" syntax="p { $(name): inline; }" description="This property, in combination with 'float' and 'position', determines the type of box or boxes that are generated for an element." standard-reference="http://www.w3.org/TR/css3-box/#display">
    <entry value="block" version="2.0" description="Block boxes." />
    <entry value="compact" version="3.0" browsers="none" description="Either block boxes or a marker box, depending on context. Properties apply to compact boxes based on their final status." />
    <entry value="inline" version="2.0" description="Inline boxes." />
    <entry value="inline-block" version="2.0" description="A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box." />
    <entry value="inline-table" version="2.0" />
    <entry value="list-item" version="2.0" description="One or more block boxes and one marker box." />
    <entry value="ruby" version="3.0" />
    <entry value="ruby-base" version="3.0" />
    <entry value="ruby-text" version="3.0" />
    <entry value="ruby-base-group" version="3.0" browsers="none" />
    <entry value="ruby-text-group" version="3.0" browsers="none" />
    <entry value="ruby-base-container" version="3.0" />
    <entry value="ruby-text-container" version="3.0" />
    <entry value="run-in" version="2.0" description="Either block or inline boxes, depending on context. Properties apply to run-in boxes based on their final status (inline-level or block-level)." />
    <entry value="table" version="2.0" />
    <entry value="table-row-group" version="2.0" />
    <entry value="table-header-group" version="2.0" />
    <entry value="table-footer-group" version="2.0" />
    <entry value="table-row" version="2.0" />
    <entry value="table-column" version="2.0" />
    <entry value="table-column-group" version="2.0" />
    <entry value="table-cell" version="2.0" />
    <entry value="table-caption" version="2.0" />
    <entry value="none" version="1.0" description="This value causes an element to generate no boxes (i.e., the element has no effect on layout). Descendant elements do not generate any boxes either; this behavior cannot be overridden by setting the 'display' property on the descendants." />
    <entry value="contents" version="3.0" browsers="FF37" />
  </CssProperty>

  <CssProperty name="padding" version="1.0" restriction="length, percentage" description="Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative." syntax="div { $(name): 4px 7px 2px 4px; }" standard-reference="http://www.w3.org/TR/css3-box/#padding1" />

  <CssProperty name="padding-top" ref="padding" syntax="ul { $(name): 2em; }" />

  <CssProperty name="padding-right" ref="padding-top" />

  <CssProperty name="padding-left" ref="padding-top" />

  <CssProperty name="padding-bottom" ref="padding-top" />

  <CssProperty name="margin" version="1.0" restriction="length, percentage" description="Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative." syntax="div { $(name): 4px 7px 2px 4px; }" standard-reference="http://www.w3.org/TR/css3-box/#margin1">
    <entry value="auto" />
  </CssProperty>

  <CssProperty name="margin-top" ref="margin" syntax="div { $(name): 4px; }" />

  <CssProperty name="margin-left" ref="margin-top" />

  <CssProperty name="margin-right" ref="margin-top" />

  <CssProperty name="margin-bottom" ref="margin-top" />

  <CssProperty name="width" version="1.0" restriction="length, percentage" description="Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes." syntax="header { $(name): 200px; }" standard-reference="http://www.w3.org/TR/css3-box/#width">
    <entry value="auto" description="The width depends on the values of other properties." />
  </CssProperty>

  <CssProperty name="height" version="1.0" restriction="length, percentage" description="Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes." syntax="footer { $(name): 100px; }" standard-reference="http://www.w3.org/TR/css3-box/#height">
    <entry value="auto" description="The height depends on the values of other properties." />
  </CssProperty>

  <CssProperty name="min-width" version="2.0" browsers="C,FF1,IE7,O7,S1" restriction="length, percentage" description="Allows authors to constrain content width to a certain range." syntax="footer { $(name): 300px; }" standard-reference="http://www.w3.org/TR/css3-box/#min-width" />

  <CssProperty name="max-width" version="2.0" browsers="C,FF1,IE7,O7,S1" restriction="length, percentage" description="Allows authors to constrain content width to a certain range." syntax="footer { $(name): 300px; }" standard-reference="http://www.w3.org/TR/css3-box/#max-width">
    <entry value="none" description="No limit on the width of the box." />
  </CssProperty>

  <CssProperty name="min-height" version="2.0" browsers="C,FF1,IE7,O7,S1" restriction="length, percentage" description="Allows authors to constrain content height to a certain range." syntax="footer { $(name): 300px; }" standard-reference="http://www.w3.org/TR/css3-box/#min-height" />

  <CssProperty name="max-height" version="2.0" browsers="C,FF1,IE7,O7,S1" restriction="length, percentage" description="Allows authors to constrain content height to a certain range." syntax="footer { $(name): 300px; }" standard-reference="http://www.w3.org/TR/css3-box/#max-height">
    <entry value="none" description="No limit on the height of the box." />
  </CssProperty>

  <CssProperty name="float" version="1.0" restriction="enum" syntax="img { $(name): right; }" description="Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned." standard-reference="http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#propdef-float">
    <entry value="left" description="The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property)." />
    <entry value="right" description="Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top." />
    <entry value="none" description="The box is not floated." />
  </CssProperty>

  <CssProperty name="clear" version="1.0" restriction="enum" description="Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts." syntax="footer { $(name): both; }" standard-reference="http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#propdef-clear">
    <entry value="none" description="No constraint on the box's position with respect to floats." />
    <entry value="left" description="The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document." />
    <entry value="right" description="The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document." />
    <entry value="both" description="The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document." />
  </CssProperty>

  <CssPropertyValue type="overflow">
    <entry value="visible" version="2.0" description="Content is not clipped, i.e., it may be rendered outside the content box." />
    <entry value="hidden" version="2.0" description="Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region." />
    <entry value="scroll" version="2.0" description="Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped." />
    <entry value="auto" version="2.0" description="The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes." />
    <entry value="no-display" version="3.0" browsers="none" description="When the content doesn't fit in the content box, the whole box is removed, as if 'display: none' were specified." />
    <entry value="no-content" version="3.0" browsers="none" description="When the content doesn't fit in the content box, the whole content is hidden, as if 'visibility: hidden' were specified." />
  </CssPropertyValue>

  <CssProperty name="overflow-x" version="3.0" browsers="C,FF1.5,IE5,O9.5,S3" type="overflow" restriction="enum" description="Specify whether content is clipped when it overflows the element's content area." syntax="div { $(name): hidden; }" standard-reference="http://www.w3.org/TR/css3-box/#overflow-x" />

  <CssProperty name="overflow-y" browsers="C,FF1.5,IE5,O9.5,S3" ref="overflow-x" />

  <CssProperty name="overflow" version="2.0" type="overflow" restriction="enum" description="Shorthand for setting 'overflow-x' and 'overflow-y'." syntax="div { overflow: hidden auto; }" standard-reference="http://www.w3.org/TR/css3-box/#overflow" />

  <CssProperty name="visibility" version="2.0" browsers="all" restriction="enum" syntax="img { $(name): hidden; }" description="Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the ‘display’ property to ‘none’ to suppress box generation altogether)." standard-reference="http://www.w3.org/TR/css3-box/#visibility">
    <entry value="visible" description="The generated box is visible." />
    <entry value="hidden" description="The generated box is invisible (fully transparent, nothing is drawn), but still affects layout." />
    <entry value="collapse" description="Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'." />
  </CssProperty>

  <CssProperty name="rotation" version="3.0" browsers="none" restriction="angle" description="Rotates a block-level element counterclockwise around the point given by 'rotation-point'." syntax="img { $(name): 90deg; }" standard-reference="http://www.w3.org/TR/css3-box/#rotation" />

  <CssProperty name="rotation-point" version="3.0" browsers="none" restriction="percentage, length" description="Pair of values that defines a point as an offset from the top left border edge. Initial value is 50% 50%." syntax="img { $(name): 10% 25%; }" standard-reference="http://www.w3.org/TR/css3-box/#rotation-point">
    <entry value="left" />
    <entry value="center" />
    <entry value="right" />
    <entry value="top" />
    <entry value="bottom" />
  </CssProperty>

  <CssProperty name="clip" version="2.0" browsers="all" restriction="enum" description="Defines the visible portion of an element's box." syntax="span { $(name): rect(0px, 60px, 200px, 0px); }" standard-reference="http://www.w3.org/TR/CSS2/visufx.html#propdef-clip">
    <entry value="auto" />
    <entry value="rect()" />
  </CssProperty>
</CssModule>