Compare Revisions

used value

Change Revisions

Revision 68788:

Revision 68788 by yonathan on

Revision 68789:

Revision 68789 by teoli on

Title:
used value
used value
Slug:
CSS/used_value
CSS/used_value
Content:

Revision 68788
Revision 68789
n10    <h3>n10    <h2 id="Details">
n12    </h3>n12    </h2>
n16    <h3>n16    <h2 id="Example">
17      <span class="Apple-style-span" style="color: rgb(43, 39, 3217      Example
>); font-family: Georgia, 'Times New Roman', Times, serif; line-he 
>ight: 35px; font-size: 21px;">Example</span> 
18    </h3>18    </h2>
n28    <h3>n28    <h2 id="Difference_from_computed_values">
n30    </h3>n30    </h2>
n32      CSS 2.0 defined only&nbsp;<a href="/en/CSS/computed_value" n32      CSS 2.0 defined only&nbsp;<a href="/en/CSS/computed_value" 
>style="text-decoration: none; color: rgb(4, 137, 183) !important;>style="text-decoration: none; color: rgb(4, 137, 183) !important;
> cursor: default;" title="en/CSS/computed value">computed value</> cursor: default;" title="en/CSS/computed value">computed value</
>a> as the last step in a property's calculation. Then, CSS 2.1 in>a> as the last step in a property's calculation. Then, CSS 2.1 in
>troduced the&nbsp;distinct definition of used value&nbsp;so that >troduced the&nbsp;distinct definition of used value&nbsp;so that 
>an element could explicitly inherit a width/height of a parent wh>an element could explicitly inherit a width/height of a parent wh
>ose computed value&nbsp;is a percentage.&nbsp;For CSS properties >ose computed value&nbsp;is a percentage.&nbsp;For CSS properties 
>that don't depend on layout (e.g. display, font-size, line-height>that don't depend on layout (e.g. display, font-size, line-height
>), the computed values and used values are the same. These are th>), the computed values and used values are the same. These are th
>e properties that do depend on layout so have a different compute>e properties that do depend on layout so have a different compute
>d value and used value: (taken from&nbsp;<a class=" external" hre>d value and used value: (taken from&nbsp;<a class="external" href
>f="http://www.w3.org/TR/CSS2/changes.html#q36" title="http://www.>="http://www.w3.org/TR/CSS2/changes.html#q36" title="http://www.w
>w3.org/TR/CSS2/changes.html#q36">CSS 2.1 Changes: Specified, comp>3.org/TR/CSS2/changes.html#q36">CSS 2.1 Changes: Specified, compu
>uted, and actual values</a>):>ted, and actual values</a>):
n50    <h3>n50    <h2 id="Specification">
n52    </h3>n52    </h2>
n54      <a class=" external" href="http://www.w3.org/TR/CSS2/cascadn54      <a class="external" href="http://www.w3.org/TR/CSS2/cascade
>e.html#used-value" title="http://www.w3.org/TR/CSS2/cascade.html#>.html#used-value" title="http://www.w3.org/TR/CSS2/cascade.html#u
>used-value">CSS Level 2: Used Values</a>>sed-value">CSS Level 2: Used Values</a>
n56    <h3>n56    <h2 id="See_also">
t58    </h3>t58    </h2>
59    <p>59    <ul>
60      <li>
61        <a href="/en/CSS_Reference" title="CSS Reference">CSS Ref
 >erence</a>
62      </li>
63      <li>{{ CSS_key_concepts() }}
64      </li>
65      <li>
60      <a href="/en/DOM/window.getComputedStyle" title="en/DOM/win66        <a href="/en/DOM/window.getComputedStyle" title="en/DOM/w
>dow.getComputedStyle">window.getComputedStyle</a>>indow.getComputedStyle">window.getComputedStyle</a>
67      </li>
61    </p>68    </ul>

Back to History