Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

CSS3

Change Revisions

Revision 317733:

Revision 317733 by teoli on

Revision 317797:

Revision 317797 by teoli on

Title:
CSS3
CSS3
Slug:
CSS/CSS3
CSS/CSS3
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 317733
Revision 317797
n40    <table class="standard-table">n40    <table class="standard-table" style="width: 100%;">
n301      Work on the <a class="external" href="http://dev.w3.org/cssn301      The <a class="external" href="#Images4" title="http://dev.w
>wg/css4-images/Overview.src.html" title="http://dev.w3.org/csswg/>3.org/csswg/css4-images/Overview.src.html">CSS Image Values and R
>css4-images/Overview.src.html">CSS Image Values and Replaced Cont>eplaced Content Level 4</a> which will supersede CSS Image Level 
>ent Level 4</a> has begun: <code>image()</code> will be extended,>3 already is in development
> <code>element()</code>, <code>cross-fade()</code>, and {{ cssxre 
>f("image-rendering") }} are proposed. The addition of the keyword 
> <code>from-image</code> to {{ cssxref("image-orientation") }}, a 
>llowing to follow EXIF data stored into images is also considered 
>. 
nn520    <h4 id="Conditional_Rules" style="display:none;">
521      Conditional Rules
522    </h4>
523    <table class="standard-table" style="width:100%;">
524      <tbody>
525        <tr>
526          <td style="border:solid 1px; width:30%; background-colo
 >r:rgb(255, 255, 220);">
527            <strong>{{ SpecName("CSS3 Conditional", "", "") }}</s
 >trong>
528          </td>
529          <td style="border:solid 1px;">
530            {{ Spec2("CSS3 Conditional") }}
531          </td>
532        </tr>
533        <tr>
534          <td colspan="2" style="border:solid 1px;">
535            Adds features for conditional processing of parts of 
 >style sheets, conditioned on capabilities of the browser or the d
 >ocument the style sheet is being applied to. It consists mainly i
 >n allowing nested at-rules inside {{ cssxref("@media") }} and the
 > adding of two new CSS at-rules, {{ cssxref("@document") }} and {
 >{ cssxref("@supports") }}.
536          </td>
537        </tr>
538      </tbody>
539    </table>
n644    <h4 id="Conditional_Rules" style="display:none;">n664    <h4 id="Images4" style="display:none;">
645      Conditional Rules665      Images (Level 4)
n647    <table class="standard-table" style="width:100%;">n667    <table class="standard-table" style="width: 100%;">
n650          <td style="border:solid 1px; width:30%; background-colon670          <td style="border: solid 1px; width: 30%; background-co
>r:#F66;">>lor: #F66;">
651            <strong>{{ SpecName("CSS3 Conditional", "", "") }}</s671            <strong>{{ SpecName("CSS4 Images", "", "") }}</strong
>trong>>>
t653          <td style="border:solid 1px;">t673          <td style="border: solid 1px;">
654            {{ Spec2("CSS3 Conditional") }}674            {{ Spec2("CSS4 Images") }}
655          </td>
656        </tr>675          </td>
657        <tr>676        </tr>
677        <tr>
658          <td colspan="2" style="border:solid 1px;">678          <td colspan="2" style="border: solid 1px;">
659            Adds features for conditional processing of parts of 679            <p>
>style sheets, conditioned on capabilities of the browser or the d 
>ocument the style sheet is being applied to. It consists mainly i 
>n allowing nested at-rules inside {{ cssxref("@media") }} and the 
> adding of two new CSS at-rules, {{ cssxref("@document") }} and { 
>{ cssxref("@supports") }}. 
680              Extends:
681            </p>
682            <ul>
683              <li>the <code>image()</code> functional notation to
 > describe the directionality of the image (<code>rtl</code> or <c
 >ode>ltr</code>), allowing for bidi-sensitive images.
684              </li>
685              <li>the {{ cssxref("image-orientation") }} property
 > by adding the keyword <code>from-image</code>, allowing to follo
 >w EXIF data stored into images to be considered.
686              </li>
687            </ul>
688            <p>
689              Adds:
690            </p>
691            <ul>
692              <li>the <code>image-set()</code> functional notatio
 >n to allow the definition to equivalent images at different resol
 >ution allowing for resolution-negotiated selection of images.
693              </li>
694              <li>the <code>element()</code> functional notation 
 >allowing the use of part of the page as image.
695              </li>
696              <li>the <code>cross-fade()</code> functional notati
 >on allowing to refer to intermediate images when transitioning be
 >tween two images and defines the interpolation between two images
 >.
697              </li>
698              <li>the <code>conic-gradient()</code> and <code>rep
 >eating-conic-gradient()</code> functional notation describing a n
 >ew type of gradient.
699              </li>
700              <li>the {{cssxref("image-rendering")}} property tha
 >t allow to define how resize of the object should be handled.
701              </li>
702            </ul>

Back to History