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 327545:

Revision 327545 by teoli on

Revision 327587:

Revision 327587 by teoli on

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

Revision 327545
Revision 327587
nn540    <h4 id="Text" style="display:none;">
541      Text
542    </h4>
543    <table class="standard-table" style="width:100%;">
544      <tbody>
545        <tr>
546          <td style="border:solid 1px; width:30%; background-colo
 >r:rgb(255,255,220);">
547            <strong>{{ SpecName("CSS3 Text", "", "") }}</strong>
548          </td>
549          <td style="border:solid 1px;">
550            {{ Spec2("CSS3 Text") }}
551          </td>
552        </tr>
553        <tr>
554          <td colspan="2" style="border:solid 1px;">
555            <p>
556              Extends :
557            </p>
558            <ul>
559              <li>the CSS {{ cssxref("text-transform") }} propert
 >y with the value <code>full-width</code>.
560              </li>
561              <li>the CSS {{ cssxref("text-align") }} property wi
 >th the value <code>start</code>, <code>end</code>, <code>start en
 >d</code>, and <code>match-parent</code> for a better support of d
 >ocuments with multiple directionalities of text.
562              </li>
563              <li>the CSS {{ cssxref("text-align") }} property wi
 >th a {{ xref_cssstring() }} value to align on that character. Thi
 >s is useful to align number on the decimal point.
564              </li>
565              <li>the CSS {{ cssxref("word-spacing") }} and {{ cs
 >sxref("letter-spacing") }} properties with range constraints to c
 >ontrol flexibility in justification.
566              </li>
567              <li>the CSS {{ cssxref("text-decoration") }} proper
 >ty by making it a shorthand for the CSS {{ cssxref("text-decorati
 >on-line") }}, {{ cssxref("text-decoration-color") }}, and {{ cssx
 >ref("text-decoration-style") }} properties. And adds the {{ cssxr
 >ef("text-decoration-skip") }}, and {{ cssxref("text-underline-pos
 >ition") }} properties.
568              </li>
569            </ul>
570            <p>
571              Adds:
572            </p>
573            <ul>
574              <li>Control on how whitespaces are displayed using 
 >the CSS {{ cssxref("text-space-collapse") }} and {{ cssxref("tab-
 >size") }} properties.
575              </li>
576              <li>Control on line breaks and word boundaries usin
 >g the CSS {{ cssxref("line-break") }}, {{ cssxref("word-break") }
 >}, {{ cssxref("hyphens") }}, {{ cssxref("text-wrap") }}, {{ cssxr
 >ef("overflow-wrap") }}, and {{ cssxref("text-align-last") }} prop
 >erties.
577              </li>
578              <li>Control on how justification is happening, in o
 >rder to support more type of scripts, using the CSS {{ cssxref("t
 >ext-justify") }} property.
579              </li>
580              <li>Control on edge effect using the CSS {{ cssxref
 >("text-indent") }} and {{ cssxref("hanging-punctuation") }} prope
 >rties.
581              </li>
582              <li>Support for East-Asian-script emphasis marks wi
 >th the CSS {{ cssxref("text-emphasis") }}, {{ cssxref("text-empha
 >sis-style") }}, {{ cssxref("text-emphasis-color") }}, and {{ cssx
 >ref("text-emphasis-position") }} properties.
583              </li>
584              <li>Support for script shadows with the CSS {{ cssx
 >ref("text-shadow") }} property.
585              </li>
586            </ul>
587          </td>
588        </tr>
589      </tbody>
590    </table>
591    <p>
592      A few features present in early CSS Text Level 3 draft have
 > being <a class="external" href="http://dev.w3.org/csswg/css3-tex
 >t/#recent-changes" title="http://dev.w3.org/csswg/css3-text/#rece
 >nt-changes">postponed to the next iteration of this module</a> .
593    </p>
t545    </p>t
546    <h4 id="Text" style="display:none;">
547      Text
548    </h4>
549    <table class="standard-table" style="width:100%;">
550      <tbody>
551        <tr>
552          <td style="border:solid 1px; width:30%; background-colo
>r:rgb(255,160,100);"> 
553            <strong>{{ SpecName("CSS3 Text", "", "") }}</strong>
554          </td>
555          <td style="border:solid 1px;">
556            {{ Spec2("CSS3 Text") }}
557          </td>
558        </tr>
559        <tr>
560          <td colspan="2" style="border:solid 1px;">
561            <p>
562              Extends :
563            </p>
564            <ul>
565              <li>the CSS {{ cssxref("text-transform") }} propert
>y with the value <code>full-width</code> and <code>full-size-kana 
></code> . 
566              </li>
567              <li>the CSS {{ cssxref("text-align") }} property wi
>th the value <code>start</code>, <code>end</code>, <code>start en 
>d</code>, and <code>match-parent</code> for a better support of d 
>ocuments with multiple directionalities of text. 
568              </li>
569              <li>the CSS {{ cssxref("text-align") }} property wi
>th a {{ xref_cssstring() }} value to align on that character. Thi 
>s is useful to align number on the decimal point. 
570              </li>
571              <li>the CSS {{ cssxref("word-spacing") }} and {{ cs
>sxref("letter-spacing") }} properties with range constraints to c 
>ontrol flexibility in justification. 
572              </li>
573              <li>the CSS {{ cssxref("text-decoration") }} proper
>ty by making it a shorthand for the CSS {{ cssxref("text-decorati 
>on-line") }}, {{ cssxref("text-decoration-color") }}, and {{ cssx 
>ref("text-decoration-style") }} properties. And adds the {{ cssxr 
>ef("text-decoration-skip") }}, and {{ cssxref("text-underline-pos 
>ition") }} properties. 
574              </li>
575            </ul>
576            <p>
577              Adds:
578            </p>
579            <ul>
580              <li>Control on how whitespaces are displayed using 
>the CSS {{ cssxref("text-space-collapse") }} and {{ cssxref("tab- 
>size") }} properties. 
581              </li>
582              <li>Control on line breaks and word boundaries usin
>g the CSS {{ cssxref("line-break") }}, {{ cssxref("word-break") } 
>}, {{ cssxref("hyphens") }}, {{ cssxref("text-wrap") }}, {{ cssxr 
>ef("overflow-wrap") }}, and {{ cssxref("text-align-last") }} prop 
>erties. 
583              </li>
584              <li>Control on how justification is happening, in o
>rder to support more type of scripts, using the CSS {{ cssxref("t 
>ext-justify") }} property. 
585              </li>
586              <li>Control on edge effect using the CSS {{ cssxref
>("text-indent") }} and {{ cssxref("hanging-punctuation") }} prope 
>rties. 
587              </li>
588              <li>Support for East-Asian-script emphasis marks wi
>th the CSS {{ cssxref("text-emphasis") }}, {{ cssxref("text-empha 
>sis-style") }}, {{ cssxref("text-emphasis-color") }}, and {{ cssx 
>ref("text-emphasis-position") }} properties. 
589              </li>
590              <li>Support for script shadows with the CSS {{ cssx
>ref("text-shadow") }} property. 
591              </li>
592            </ul>
593          </td>
594        </tr>
595      </tbody>
596    </table>
597    <p>
598      A few features present in early CSS Text Level 3 draft have
> being <a class="external" href="http://dev.w3.org/csswg/css3-tex 
>t/#recent-changes" title="http://dev.w3.org/csswg/css3-text/#rece 
>nt-changes">postponed to the next iteration of this module</a> . 

Back to History