CSS percentage values

  • Revision slug: Web/CSS/CSS_percentage_values
  • Revision title: CSS percentage values
  • Revision id: 421607
  • Created:
  • Creator: mnoorenberghe
  • Is current revision? No
  • Comment typo: fo => of

Revision Content

This page lists all CSS properties and indicates on the meaning of percentages value for each of them.

Animations
Property Percentage values
{{cssxref("animation")}} {{cssnopercentagedef("animation")}}
{{cssxref("animation-delay")}} {{cssnopercentagedef("animation-delay")}}
{{cssxref("animation-direction")}} {{cssnopercentagedef("animation-direction")}}
{{cssxref("animation-duration")}} {{cssnopercentagedef("animation-duration")}}
{{cssxref("animation-fill-mode")}} {{cssnopercentagedef("animation-fill-mode")}}
{{cssxref("animation-iteration-count")}} {{cssnopercentagedef("animation-iteration-count")}}
{{cssxref("animation-name")}} {{cssnopercentagedef("animation-name")}}
{{cssxref("animation-play-state")}} {{cssnopercentagedef("animation-play-state")}}
{{cssxref("animation-timing-function")}} {{cssnopercentagedef("animation-timing-function")}}
Transitions
Property Percentage values
{{cssxref("transition")}} {{cssnopercentagedef("transition")}}
{{cssxref("transition-delay")}} {{cssnopercentagedef("transition-delay")}}
{{cssxref("transition-duration")}} {{cssnopercentagedef("transition-duration")}}
{{cssxref("transition-property")}} {{cssnopercentagedef("transition-property")}}
{{cssxref("transition-timing-function")}} {{cssnopercentagedef("transition-timing-function")}}
Transforms
Property Percentage values
{{cssxref("transform")}} {{csspercentagedef("transform", "refer to the size of bounding box")}}
{{cssxref("transform-origin")}} {{csspercentagedef("transform-origin", "refer to the size of bounding box")}}
{{cssxref("transform-style")}} {{cssnopercentagedef("transform-style")}}
{{cssxref("perspective")}} {{cssnopercentagedef("perspective")}}
{{cssxref("perspective-origin")}} {{csspercentagedef("perspective-origin", "refer to the size of bounding box")}}
{{cssxref("backface-visibility")}} {{cssnopercentagedef("backface-visibility")}}
Color
Property Percentage values
{{cssxref("color")}} {{cssnopercentagedef("color")}}
{{cssxref("opacity")}} {{cssnopercentagedef("opacity")}}
Columns
Property Percentage values
{{cssxref("columns")}} {{cssnopercentagedef("columns")}}
{{cssxref("column-width")}} {{cssnopercentagedef("column-width")}}
{{cssxref("column-count")}} {{cssnopercentagedef("column-count")}}
{{cssxref("column-gap")}} {{cssnopercentagedef("column-gap")}}
{{cssxref("column-rule")}} {{cssnopercentagedef("column-rule")}}
{{cssxref("column-rule-color")}} {{cssnopercentagedef("column-rule-color")}}
{{cssxref("column-rule-style")}} {{cssnopercentagedef("column-rule-style")}}
{{cssxref("column-rule-width")}} {{cssnopercentagedef("column-rule-width")}}
{{cssxref("break-before")}} {{cssnopercentagedef("break-before")}}
{{cssxref("break-after")}} {{cssnopercentagedef("break-after")}}
{{cssxref("break-inside")}} {{cssnopercentagedef("break-inside")}}
{{cssxref("column-span")}} {{cssnopercentagedef("column-span")}}
{{cssxref("column-fill")}} {{cssnopercentagedef("column-fill")}}
Text
Property Percentage values
{{cssxref("hyphens")}} {{cssnopercentagedef("hyphens")}}
{{cssxref("letter-spacing")}} {{cssnopercentagedef("letter-spacing")}}
{{cssxref("word-wrap")}} {{cssnopercentagedef("word-wrap")}}
{{cssxref("overflow-wrap")}} {{cssnopercentagedef("overflow-wrap")}}
{{cssxref("text-transform")}} {{cssnopercentagedef("text-transform")}}
{{cssxref("tab-size")}} {{cssnopercentagedef("tab-size")}}
{{cssxref("text-align")}} {{cssnopercentagedef("text-align")}}
{{cssxref("text-align-last")}} {{cssnopercentagedef("text-align-last")}}
{{cssxref("text-indent")}} {{csspercentagedef("text-indent", "refer to the width of the containing block")}}
{{cssxref("direction")}} {{cssnopercentagedef("direction")}}
{{cssxref("white-space")}} {{cssnopercentagedef("white-space")}}
{{cssxref("word-break")}} {{cssnopercentagedef("word-break")}}
{{cssxref("word-spacing")}} {{csspercentagedef("word-spacing", "refer to the width of the affected glyph")}}
Text decorations
Property Percentage values
{{cssxref("text-decoration")}} {{cssnopercentagedef("text-decoration")}}
{{cssxref("text-decoration-color")}} {{cssnopercentagedef("text-decoration-color")}}
{{cssxref("text-decoration-style")}} {{cssnopercentagedef("text-decoration-style")}}
{{cssxref("text-decoration-line")}} {{cssnopercentagedef("text-decoration-line")}}
{{cssxref("text-decoration-skip")}} {{cssnopercentagedef("text-decoration-skip")}}
{{cssxref("text-shadow")}} {{cssnopercentagedef("text-shadow")}}
{{cssxref("text-underline-position")}} {{cssnopercentagedef("text-underline-position")}}
Flexible boxes
Property Percentage values
{{cssxref("align-content")}} {{cssnopercentagedef("align-content")}}
{{cssxref("align-items")}} {{cssnopercentagedef("align-items")}}
{{cssxref("align-self")}} {{cssnopercentagedef("align-self")}}
{{cssxref("flex-basis")}} {{csspercentagedef("flex-basis", "refer to the flex container's inner main size")}}
{{cssxref("flex-direction")}} {{cssnopercentagedef("flex-direction")}}
{{cssxref("flex-flow")}} {{cssnopercentagedef("flex-flow")}}
{{cssxref("flex-grow")}} {{cssnopercentagedef("flex-grow")}}
{{cssxref("flex-shrink")}} {{cssnopercentagedef("flex-shrink")}}
{{cssxref("flex")}} {{cssnopercentagedef("flex")}}
{{cssxref("flex-wrap")}} {{cssnopercentagedef("flex-wrap")}}
{{cssxref("justify-content")}} {{cssnopercentagedef("justify-content")}}
{{cssxref("order")}} {{cssnopercentagedef("order")}}
Background & Borders
Property Percentage values
{{cssxref("background")}} {{csspercentageshorthand("background", "background-position background-size")}}
{{cssxref("background-attachment")}} {{cssnopercentagedef("background-attachment")}}
{{cssxref("background-clip")}} {{cssnopercentagedef("background-clip")}}
{{cssxref("background-color")}} {{cssnopercentagedef("background-color")}}
{{cssxref("background-image")}} {{cssnopercentagedef("background-image")}}
{{cssxref("background-origin")}} {{cssnopercentagedef("background-origin")}}
{{cssxref("background-position")}} {{csspercentagedef("background-position", "refer to the size of the background positioning area minus size of background image; size refers to the width for horizontal offsets and to the height for vertical offsets")}}
{{cssxref("background-repeat")}} {{cssnopercentagedef("background-repeat")}}
{{cssxref("background-size")}} {{csspercentagedef("background-size", "relative to the background positioning area")}}
{{cssxref("border")}} {{cssnopercentagedef("border")}}
{{cssxref("border-bottom")}} {{cssnopercentagedef("border-bottom")}}
{{cssxref("border-bottom-color")}} {{cssnopercentagedef("border-bottom-color")}}
{{cssxref("border-bottom-left-radius")}} {{csspercentagedef("border-bottom-left-radius", "refer to the corresponding dimension of the border box")}}
{{cssxref("border-bottom-right-radius")}} {{csspercentagedef("border-bottom-right-radius", "refer to the corresponding dimension of the border box")}}
{{cssxref("border-bottom-style")}} {{cssnopercentagedef("border-bottom-style")}}
{{cssxref("border-bottom-width")}} {{cssnopercentagedef("border-bottom-width")}}
{{cssxref("border-color")}} {{cssnopercentagedef("border-color")}}
{{cssxref("border-image")}} {{csspercentageshorthand("border-image", "border-image-slice border-image-width")}}
{{cssxref("border-image-outset")}} {{cssnopercentagedef("border-image-outset")}}
{{cssxref("border-image-repeat")}} {{cssnopercentagedef("border-image-repeat")}}
{{cssxref("border-image-slice")}} {{csspercentagedef("border-image-slice", "refer to the size of the border image")}}
{{cssxref("border-image-source")}} {{cssnopercentagedef("border-image-source")}}
{{cssxref("border-image-width")}} {{csspercentagedef("border-image-width", "refer to the width or height of the border image area")}}
{{cssxref("border-left")}} {{cssnopercentagedef("border-left")}}
{{cssxref("border-left-color")}} {{cssnopercentagedef("border-left-color")}}
{{cssxref("border-left-style")}} {{cssnopercentagedef("border-left-style")}}
{{cssxref("border-left-width")}} {{cssnopercentagedef("border-left-width")}}
{{cssxref("border-radius")}} {{csspercentagedef("border-radius", "refer to the corresponding dimension of the border box")}}
{{cssxref("border-right")}} {{cssnopercentagedef("border-right")}}
{{cssxref("border-right-color")}} {{cssnopercentagedef("border-right-color")}}
{{cssxref("border-right-style")}} {{cssnopercentagedef("border-right-style")}}
{{cssxref("border-right-width")}} {{cssnopercentagedef("border-right-width")}}
{{cssxref("border-style")}} {{cssnopercentagedef("border-style")}}
{{cssxref("border-top")}} {{cssnopercentagedef("border-top")}}
{{cssxref("border-top-color")}} {{cssnopercentagedef("border-top-color")}}
{{cssxref("border-top-left-radius")}} {{csspercentagedef("border-top-left-radius", "refer to the corresponding dimension of the border box")}}
{{cssxref("border-top-right-radius")}} {{csspercentagedef("border-top-right-radius", "refer to the corresponding dimension of the border box")}}
{{cssxref("border-top-style")}} {{cssnopercentagedef("border-top-style")}}
{{cssxref("border-top-width")}} {{cssnopercentagedef("border-top-width")}}
{{cssxref("border-width")}} {{cssnopercentagedef("border-width")}}
Box Model
Property Percentage values
{{cssxref("box-decoration-break")}} {{cssnopercentagedef("box-decoration-break")}}
{{cssxref("box-shadow")}} {{cssnopercentagedef("box-shadow")}}
{{cssxref("margin")}} {{csspercentagedef("margin", "refer to the width of the containing block")}}
{{cssxref("margin-bottom")}} {{csspercentagedef("margin-bottom", "refer to the width of the containing block")}}
{{cssxref("margin-left")}} {{csspercentagedef("margin-left", "refer to the width of the containing block")}}
{{cssxref("margin-right")}} {{csspercentagedef("margin-right", "refer to the width of the containing block")}}
{{cssxref("margin-top")}} {{csspercentagedef("margin-top", "refer to the width of the containing block")}}
{{cssxref("padding")}} {{csspercentagedef("padding", "refer to the width of the containing block")}}
{{cssxref("padding-bottom")}} {{csspercentagedef("padding-bottom", "refer to the width of the containing block")}}
{{cssxref("padding-left")}} {{csspercentagedef("padding-left", "refer to the width of the containing block")}}
{{cssxref("padding-right")}} {{csspercentagedef("padding-right", "refer to the width of the containing block")}}
{{cssxref("padding-top")}} {{csspercentagedef("padding-top", "refer to the width of the containing block")}}
{{cssxref("box-sizing")}} {{cssnopercentagedef("box-sizing")}}
{{cssxref("max-height")}} {{csspercentagestartdef("max-height")}}The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as none.{{csspercentageenddef}}
{{cssxref("min-height")}} {{csspercentagestartdef("min-height")}}The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as 0.{{csspercentageenddef}}
{{cssxref("height")}} {{csspercentagestartdef("height")}}The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to auto. A percentage height on the root element is relative to the initial containing block.{{csspercentageenddef}}
{{cssxref("max-width")}} {{csspercentagedef("max-width", "refer to the width of the containing block")}}
{{cssxref("min-width")}} {{csspercentagedef("min-width", "refer to the width of the containing block")}}
{{cssxref("width")}} {{csspercentagedef("width", "refer to the width of the containing block")}}
{{cssxref("overflow")}} {{cssnopercentagedef("overflow")}}
{{cssxref("overflow-x")}} {{cssnopercentagedef("overflow-x")}}
{{cssxref("overflow-y")}} {{cssnopercentagedef("overflow-y")}}
{{cssxref("visibility")}} {{cssnopercentagedef("visibility")}}
Table
Property Percentage values
{{cssxref("border-collapse")}} {{cssnopercentagedef("border-collapse")}}
{{cssxref("border-spacing")}} {{cssnopercentagedef("border-spacing")}}
{{cssxref("caption-side")}} {{cssnopercentagedef("caption-side")}}
{{cssxref("empty-cells")}} {{cssnopercentagedef("empty-cells")}}
{{cssxref("table-layout")}} {{cssnopercentagedef("table-layout")}}
{{cssxref("vertical-align")}} {{csspercentagedef("vertical-align", "refer to the line-height of the element itself")}}
Positioning
Property Percentage values
{{cssxref("bottom")}} {{csspercentagedef("bottom", "refer to the height of the containing block")}}
{{cssxref("left")}} {{csspercentagedef("left", "refer to the width of the containing block")}}
{{cssxref("right")}} {{csspercentagedef("right", "refer to the width of the containing block")}}
{{cssxref("top")}} {{csspercentagedef("top", "refer to the height of the containing block")}}
{{cssxref("float")}} {{cssnopercentagedef("float")}}
{{cssxref("clear")}} {{cssnopercentagedef("clear")}}
{{cssxref("position")}} {{cssnopercentagedef("position")}}
{{cssxref("z-index")}} {{cssnopercentagedef("z-index")}}
Fonts
Property Percentage values
{{cssxref("font")}} {{csspercentageshorthand("font", "font-size line-height")}}
{{cssxref("font-family")}} {{cssnopercentagedef("font-family")}}
{{cssxref("font-variant")}} {{cssnopercentagedef("font-variant")}}
{{cssxref("font-weight")}} {{cssnopercentagedef("font-weight")}}
{{cssxref("font-stretch")}} {{cssnopercentagedef("font-stretch")}}
{{cssxref("font-size")}} {{csspercentagedef("font-size", "refer to the parent element's font size")}}
{{cssxref("line-height")}} {{csspercentagedef("line-height", "refer to the font size of the element itself")}}
{{cssxref("font-feature-settings")}} {{cssnopercentagedef("font-feature-settings")}}
{{cssxref("font-size-adjust")}} {{cssnopercentagedef("font-size-adjust")}}
{{cssxref("font-style")}} {{cssnopercentagedef("font-style")}}
Images
Property Percentage values
{{cssxref("image-rendering")}} {{cssnopercentagedef("image-rendering")}}
{{cssxref("image-orientation")}} {{cssnopercentagedef("image-orientation")}}
Counters & Lists
Property Percentage values
{{cssxref("counter-increment")}} {{cssnopercentagedef("counter-increment")}}
{{cssxref("counter-reset")}} {{cssnopercentagedef("counter-reset")}}
{{cssxref("list-style")}} {{cssnopercentagedef("list-style")}}
{{cssxref("list-style-image")}} {{cssnopercentagedef("list-style-image")}}
{{cssxref("list-style-position")}} {{cssnopercentagedef("list-style-position")}}
{{cssxref("list-style-type")}} {{cssnopercentagedef("list-style-type")}}
Page
Property Percentage values
{{cssxref("orphans")}} {{cssnopercentagedef("orphans")}}
{{cssxref("page-break-after")}} {{cssnopercentagedef("page-break-after")}}
{{cssxref("page-break-before")}} {{cssnopercentagedef("page-break-before")}}
{{cssxref("page-break-inside")}} {{cssnopercentagedef("page-break-inside")}}
{{cssxref("widows")}} {{cssnopercentagedef("widows")}}
User interface
Property Percentage values
{{cssxref("outline")}} {{cssnopercentagedef("outline")}}
{{cssxref("outline-color")}} {{cssnopercentagedef("outline-color")}}
{{cssxref("outline-width")}} {{cssnopercentagedef("outline-width")}}
{{cssxref("outline-style")}} {{cssnopercentagedef("outline-style")}}
{{cssxref("outline-offset")}} {{cssnopercentagedef("outline-offset")}}
{{cssxref("cursor")}} {{cssnopercentagedef("cursor")}}
{{cssxref("resize")}} {{cssnopercentagedef("resize")}}
{{cssxref("text-overflow")}} {{cssnopercentagedef("text-overflow")}}
Generated content
Property Percentage values
{{cssxref("content")}} {{cssnopercentagedef("content")}}
{{cssxref("quotes")}} {{cssnopercentagedef("quotes")}}
Miscellaneous
Property Percentage values
{{cssxref("clip")}} {{cssnopercentagedef("clip")}}
{{cssxref("display")}} {{cssnopercentagedef("display")}}
{{cssxref("unicode-bidi")}} {{cssnopercentagedef("unicode-bidi")}}
{{cssxref("ime-mode")}} {{cssnopercentagedef("ime-mode")}}

 

Revision Source

<p>This page lists all CSS properties and indicates on the meaning of percentages value for each of them.</p>
<table class="standard-table">
  <thead>
    <tr>
      <th colspan="2" scope="col">Animations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{cssxref("animation")}}</td>
      <td>{{cssnopercentagedef("animation")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-delay")}}</td>
      <td>{{cssnopercentagedef("animation-delay")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-direction")}}</td>
      <td>{{cssnopercentagedef("animation-direction")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-duration")}}</td>
      <td>{{cssnopercentagedef("animation-duration")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-fill-mode")}}</td>
      <td>{{cssnopercentagedef("animation-fill-mode")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-iteration-count")}}</td>
      <td>{{cssnopercentagedef("animation-iteration-count")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-name")}}</td>
      <td>{{cssnopercentagedef("animation-name")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-play-state")}}</td>
      <td>{{cssnopercentagedef("animation-play-state")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("animation-timing-function")}}</td>
      <td>{{cssnopercentagedef("animation-timing-function")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Transitions</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("transition")}}</td>
      <td>{{cssnopercentagedef("transition")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-delay")}}</td>
      <td>{{cssnopercentagedef("transition-delay")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-duration")}}</td>
      <td>{{cssnopercentagedef("transition-duration")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-property")}}</td>
      <td>{{cssnopercentagedef("transition-property")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transition-timing-function")}}</td>
      <td>{{cssnopercentagedef("transition-timing-function")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Transforms</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("transform")}}</td>
      <td>{{csspercentagedef("transform", "refer to the size of bounding box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-origin")}}</td>
      <td>{{csspercentagedef("transform-origin", "refer to the size of bounding box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("transform-style")}}</td>
      <td>{{cssnopercentagedef("transform-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective")}}</td>
      <td>{{cssnopercentagedef("perspective")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("perspective-origin")}}</td>
      <td>{{csspercentagedef("perspective-origin", "refer to the size of bounding box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("backface-visibility")}}</td>
      <td>{{cssnopercentagedef("backface-visibility")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Color</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("color")}}</td>
      <td>{{cssnopercentagedef("color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("opacity")}}</td>
      <td>{{cssnopercentagedef("opacity")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Columns</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("columns")}}</td>
      <td>{{cssnopercentagedef("columns")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-width")}}</td>
      <td>{{cssnopercentagedef("column-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-count")}}</td>
      <td>{{cssnopercentagedef("column-count")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-gap")}}</td>
      <td>{{cssnopercentagedef("column-gap")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule")}}</td>
      <td>{{cssnopercentagedef("column-rule")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-color")}}</td>
      <td>{{cssnopercentagedef("column-rule-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-style")}}</td>
      <td>{{cssnopercentagedef("column-rule-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-rule-width")}}</td>
      <td>{{cssnopercentagedef("column-rule-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("break-before")}}</td>
      <td>{{cssnopercentagedef("break-before")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("break-after")}}</td>
      <td>{{cssnopercentagedef("break-after")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("break-inside")}}</td>
      <td>{{cssnopercentagedef("break-inside")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-span")}}</td>
      <td>{{cssnopercentagedef("column-span")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("column-fill")}}</td>
      <td>{{cssnopercentagedef("column-fill")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Text</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("hyphens")}}</td>
      <td>{{cssnopercentagedef("hyphens")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("letter-spacing")}}</td>
      <td>{{cssnopercentagedef("letter-spacing")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("word-wrap")}}</td>
      <td>{{cssnopercentagedef("word-wrap")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-wrap")}}</td>
      <td>{{cssnopercentagedef("overflow-wrap")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-transform")}}</td>
      <td>{{cssnopercentagedef("text-transform")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("tab-size")}}</td>
      <td>{{cssnopercentagedef("tab-size")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align")}}</td>
      <td>{{cssnopercentagedef("text-align")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-align-last")}}</td>
      <td>{{cssnopercentagedef("text-align-last")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-indent")}}</td>
      <td>{{csspercentagedef("text-indent", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("direction")}}</td>
      <td>{{cssnopercentagedef("direction")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("white-space")}}</td>
      <td>{{cssnopercentagedef("white-space")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("word-break")}}</td>
      <td>{{cssnopercentagedef("word-break")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("word-spacing")}}</td>
      <td>{{csspercentagedef("word-spacing", "refer to the width of the affected glyph")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Text decorations</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration")}}</td>
      <td>{{cssnopercentagedef("text-decoration")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-color")}}</td>
      <td>{{cssnopercentagedef("text-decoration-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-style")}}</td>
      <td>{{cssnopercentagedef("text-decoration-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-line")}}</td>
      <td>{{cssnopercentagedef("text-decoration-line")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-decoration-skip")}}</td>
      <td>{{cssnopercentagedef("text-decoration-skip")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-shadow")}}</td>
      <td>{{cssnopercentagedef("text-shadow")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-underline-position")}}</td>
      <td>{{cssnopercentagedef("text-underline-position")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Flexible boxes</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("align-content")}}</td>
      <td>{{cssnopercentagedef("align-content")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("align-items")}}</td>
      <td>{{cssnopercentagedef("align-items")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("align-self")}}</td>
      <td>{{cssnopercentagedef("align-self")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-basis")}}</td>
      <td>{{csspercentagedef("flex-basis", "refer to the flex container's inner main size")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-direction")}}</td>
      <td>{{cssnopercentagedef("flex-direction")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-flow")}}</td>
      <td>{{cssnopercentagedef("flex-flow")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-grow")}}</td>
      <td>{{cssnopercentagedef("flex-grow")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-shrink")}}</td>
      <td>{{cssnopercentagedef("flex-shrink")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex")}}</td>
      <td>{{cssnopercentagedef("flex")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("flex-wrap")}}</td>
      <td>{{cssnopercentagedef("flex-wrap")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("justify-content")}}</td>
      <td>{{cssnopercentagedef("justify-content")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("order")}}</td>
      <td>{{cssnopercentagedef("order")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Background &amp; Borders</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("background")}}</td>
      <td>{{csspercentageshorthand("background", "background-position background-size")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-attachment")}}</td>
      <td>{{cssnopercentagedef("background-attachment")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-clip")}}</td>
      <td>{{cssnopercentagedef("background-clip")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-color")}}</td>
      <td>{{cssnopercentagedef("background-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-image")}}</td>
      <td>{{cssnopercentagedef("background-image")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-origin")}}</td>
      <td>{{cssnopercentagedef("background-origin")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-position")}}</td>
      <td>{{csspercentagedef("background-position", "refer to the size of the background positioning area minus size of background image; size refers to the width for horizontal offsets and to the height for vertical offsets")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-repeat")}}</td>
      <td>{{cssnopercentagedef("background-repeat")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("background-size")}}</td>
      <td>{{csspercentagedef("background-size", "relative to the background positioning area")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border")}}</td>
      <td>{{cssnopercentagedef("border")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom")}}</td>
      <td>{{cssnopercentagedef("border-bottom")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-color")}}</td>
      <td>{{cssnopercentagedef("border-bottom-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-left-radius")}}</td>
      <td>{{csspercentagedef("border-bottom-left-radius", "refer to the corresponding dimension of the border box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-right-radius")}}</td>
      <td>{{csspercentagedef("border-bottom-right-radius", "refer to the corresponding dimension of the border box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-style")}}</td>
      <td>{{cssnopercentagedef("border-bottom-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-bottom-width")}}</td>
      <td>{{cssnopercentagedef("border-bottom-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-color")}}</td>
      <td>{{cssnopercentagedef("border-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image")}}</td>
      <td>{{csspercentageshorthand("border-image", "border-image-slice border-image-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-outset")}}</td>
      <td>{{cssnopercentagedef("border-image-outset")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-repeat")}}</td>
      <td>{{cssnopercentagedef("border-image-repeat")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-slice")}}</td>
      <td>{{csspercentagedef("border-image-slice", "refer to the size of the border image")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-source")}}</td>
      <td>{{cssnopercentagedef("border-image-source")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-image-width")}}</td>
      <td>{{csspercentagedef("border-image-width", "refer to the width or height of the border image area")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left")}}</td>
      <td>{{cssnopercentagedef("border-left")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-color")}}</td>
      <td>{{cssnopercentagedef("border-left-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-style")}}</td>
      <td>{{cssnopercentagedef("border-left-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-left-width")}}</td>
      <td>{{cssnopercentagedef("border-left-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-radius")}}</td>
      <td>{{csspercentagedef("border-radius", "refer to the corresponding dimension of the border box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right")}}</td>
      <td>{{cssnopercentagedef("border-right")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-color")}}</td>
      <td>{{cssnopercentagedef("border-right-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-style")}}</td>
      <td>{{cssnopercentagedef("border-right-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-right-width")}}</td>
      <td>{{cssnopercentagedef("border-right-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-style")}}</td>
      <td>{{cssnopercentagedef("border-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top")}}</td>
      <td>{{cssnopercentagedef("border-top")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-color")}}</td>
      <td>{{cssnopercentagedef("border-top-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-left-radius")}}</td>
      <td>{{csspercentagedef("border-top-left-radius", "refer to the corresponding dimension of the border box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-right-radius")}}</td>
      <td>{{csspercentagedef("border-top-right-radius", "refer to the corresponding dimension of the border box")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-style")}}</td>
      <td>{{cssnopercentagedef("border-top-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-top-width")}}</td>
      <td>{{cssnopercentagedef("border-top-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-width")}}</td>
      <td>{{cssnopercentagedef("border-width")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Box Model</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("box-decoration-break")}}</td>
      <td>{{cssnopercentagedef("box-decoration-break")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("box-shadow")}}</td>
      <td>{{cssnopercentagedef("box-shadow")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin")}}</td>
      <td>{{csspercentagedef("margin", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-bottom")}}</td>
      <td>{{csspercentagedef("margin-bottom", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-left")}}</td>
      <td>{{csspercentagedef("margin-left", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-right")}}</td>
      <td>{{csspercentagedef("margin-right", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("margin-top")}}</td>
      <td>{{csspercentagedef("margin-top", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding")}}</td>
      <td>{{csspercentagedef("padding", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-bottom")}}</td>
      <td>{{csspercentagedef("padding-bottom", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-left")}}</td>
      <td>{{csspercentagedef("padding-left", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-right")}}</td>
      <td>{{csspercentagedef("padding-right", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("padding-top")}}</td>
      <td>{{csspercentagedef("padding-top", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("box-sizing")}}</td>
      <td>{{cssnopercentagedef("box-sizing")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("max-height")}}</td>
      <td>{{csspercentagestartdef("max-height")}}The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as <code>none</code>.{{csspercentageenddef}}</td>
    </tr>
    <tr>
      <td>{{cssxref("min-height")}}</td>
      <td>{{csspercentagestartdef("min-height")}}The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as <code>0</code>.{{csspercentageenddef}}</td>
    </tr>
    <tr>
      <td>{{cssxref("height")}}</td>
      <td>{{csspercentagestartdef("height")}}The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to <code>auto</code>. A percentage height on the root element is relative to the initial containing block.{{csspercentageenddef}}</td>
    </tr>
    <tr>
      <td>{{cssxref("max-width")}}</td>
      <td>{{csspercentagedef("max-width", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("min-width")}}</td>
      <td>{{csspercentagedef("min-width", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("width")}}</td>
      <td>{{csspercentagedef("width", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow")}}</td>
      <td>{{cssnopercentagedef("overflow")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-x")}}</td>
      <td>{{cssnopercentagedef("overflow-x")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("overflow-y")}}</td>
      <td>{{cssnopercentagedef("overflow-y")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("visibility")}}</td>
      <td>{{cssnopercentagedef("visibility")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Table</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("border-collapse")}}</td>
      <td>{{cssnopercentagedef("border-collapse")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("border-spacing")}}</td>
      <td>{{cssnopercentagedef("border-spacing")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("caption-side")}}</td>
      <td>{{cssnopercentagedef("caption-side")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("empty-cells")}}</td>
      <td>{{cssnopercentagedef("empty-cells")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("table-layout")}}</td>
      <td>{{cssnopercentagedef("table-layout")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("vertical-align")}}</td>
      <td>{{csspercentagedef("vertical-align", "refer to the line-height of the element itself")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Positioning</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("bottom")}}</td>
      <td>{{csspercentagedef("bottom", "refer to the height of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("left")}}</td>
      <td>{{csspercentagedef("left", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("right")}}</td>
      <td>{{csspercentagedef("right", "refer to the width of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("top")}}</td>
      <td>{{csspercentagedef("top", "refer to the height of the containing block")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("float")}}</td>
      <td>{{cssnopercentagedef("float")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("clear")}}</td>
      <td>{{cssnopercentagedef("clear")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("position")}}</td>
      <td>{{cssnopercentagedef("position")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("z-index")}}</td>
      <td>{{cssnopercentagedef("z-index")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Fonts</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("font")}}</td>
      <td>{{csspercentageshorthand("font", "font-size line-height")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-family")}}</td>
      <td>{{cssnopercentagedef("font-family")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-variant")}}</td>
      <td>{{cssnopercentagedef("font-variant")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-weight")}}</td>
      <td>{{cssnopercentagedef("font-weight")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-stretch")}}</td>
      <td>{{cssnopercentagedef("font-stretch")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size")}}</td>
      <td>{{csspercentagedef("font-size", "refer to the parent element's font size")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("line-height")}}</td>
      <td>{{csspercentagedef("line-height", "refer to the font size of the element itself")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-feature-settings")}}</td>
      <td>{{cssnopercentagedef("font-feature-settings")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-size-adjust")}}</td>
      <td>{{cssnopercentagedef("font-size-adjust")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("font-style")}}</td>
      <td>{{cssnopercentagedef("font-style")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Images</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("image-rendering")}}</td>
      <td>{{cssnopercentagedef("image-rendering")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("image-orientation")}}</td>
      <td>{{cssnopercentagedef("image-orientation")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Counters &amp; Lists</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("counter-increment")}}</td>
      <td>{{cssnopercentagedef("counter-increment")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("counter-reset")}}</td>
      <td>{{cssnopercentagedef("counter-reset")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style")}}</td>
      <td>{{cssnopercentagedef("list-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-image")}}</td>
      <td>{{cssnopercentagedef("list-style-image")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-position")}}</td>
      <td>{{cssnopercentagedef("list-style-position")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("list-style-type")}}</td>
      <td>{{cssnopercentagedef("list-style-type")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Page</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("orphans")}}</td>
      <td>{{cssnopercentagedef("orphans")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-after")}}</td>
      <td>{{cssnopercentagedef("page-break-after")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-before")}}</td>
      <td>{{cssnopercentagedef("page-break-before")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("page-break-inside")}}</td>
      <td>{{cssnopercentagedef("page-break-inside")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("widows")}}</td>
      <td>{{cssnopercentagedef("widows")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">User interface</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("outline")}}</td>
      <td>{{cssnopercentagedef("outline")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-color")}}</td>
      <td>{{cssnopercentagedef("outline-color")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-width")}}</td>
      <td>{{cssnopercentagedef("outline-width")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-style")}}</td>
      <td>{{cssnopercentagedef("outline-style")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("outline-offset")}}</td>
      <td>{{cssnopercentagedef("outline-offset")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("cursor")}}</td>
      <td>{{cssnopercentagedef("cursor")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("resize")}}</td>
      <td>{{cssnopercentagedef("resize")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("text-overflow")}}</td>
      <td>{{cssnopercentagedef("text-overflow")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Generated content</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("content")}}</td>
      <td>{{cssnopercentagedef("content")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("quotes")}}</td>
      <td>{{cssnopercentagedef("quotes")}}</td>
    </tr>
    <tr>
      <th colspan="2" scope="col">Miscellaneous</th>
    </tr>
    <tr>
      <th scope="col">Property</th>
      <th scope="col">Percentage values</th>
    </tr>
    <tr>
      <td>{{cssxref("clip")}}</td>
      <td>{{cssnopercentagedef("clip")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("display")}}</td>
      <td>{{cssnopercentagedef("display")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("unicode-bidi")}}</td>
      <td>{{cssnopercentagedef("unicode-bidi")}}</td>
    </tr>
    <tr>
      <td>{{cssxref("ime-mode")}}</td>
      <td>{{cssnopercentagedef("ime-mode")}}</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision