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

mozilla

Compare Revisions

white-space

Change Revisions

Revision 19553:

Revision 19553 by Kohei on

Revision 19554:

Revision 19554 by BijuGC on

Title:
white-space
white-space
Slug:
CSS/white-space
CSS/white-space
Tags:
css, NeedsExample, "CSS Reference"
css, NeedsExample, "CSS Reference"
Content:

Revision 19553
Revision 19554
nn10    <h3 name="Summary">
11      Summary
12    </h3>
n11      http://www.w3.org/TR/CSS1#white-spacen14      The <code>white-space</code> CSS property is used to to des
 >cribe how whitespace inside the element is handled.
tt16    <ul>
17      <li>{{template.Xref_cssinitial()}}: {{template.Cssxref("nor
 >mal")}}
18      </li>
19      <li>Applies to: all elements
20      </li>
21      <li>{{template.Xref_cssinherited()}}: yes
22      </li>
23      <li>Percentages: n/a
24      </li>
25      <li>Media: {{template.Xref_cssvisual()}}
26      </li>
27      <li>{{template.Xref_csscomputed()}}: as specified
28      </li>
29    </ul>
30    <h3 name="Syntax">
31      Syntax
32    </h3>
33    <pre class="eval">
34white-space: normal | pre | nowrap | pre-wrap | -moz-pre-wrap | p
 >re-line | inherit ;
35</pre>
36    <h3 name="Values">
37      Values
38    </h3>
39    <dl>
40      <dt>
41        {{template.Cssxref("normal")}}
42      </dt>
43      <dd>
44        all sequences of whitespace and line breaks will be colla
 >psed. Line breaks are add to wrap the content.
45      </dd>
46      <dt>
47        {{template.Cssxref("pre")}}
48      </dt>
49      <dd>
50        all white spaces in the source will be preserved, lines a
 >re only broken at newline characters in the source.
51      </dd>
52      <dt>
53        {{template.Cssxref("nowrap")}}
54      </dt>
55      <dd>
56        all sequences of whitespace and line breaks will be colla
 >psed, also line breaks (text wrapping) are suppressed within cont
 >ent.
57      </dd>
58      <dt>
59        {{template.Cssxref("pre-wrap")}}
60      </dt>
61      <dd>
62        all white spaces in the source will be preserved, lines a
 >re broken at newline characters and as needed to wrap the content
 >.
63      </dd>
64      <dt>
65        {{template.Cssxref("-moz-pre-wrap")}}
66      </dt>
67      <dd>
68        Same as <code>pre-wrap</code>, this is the Mozilla extens
 >ion which became the CSS 2.1 <code>pre-wrap</code>.
69      </dd>
70      <dt>
71        {{template.Cssxref("pre-line")}}
72      </dt>
73      <dd>
74        all sequences of whitespace will be collapsed, lines are 
 >broken at newline characters and also as needed to wrap the conte
 >nt.
75      </dd>
76      <dt>
77        {{template.Cssxref("inherit")}}
78      </dt>
79      <dd>
80        inherits from parent.
81      </dd>
82    </dl>
83    <h3 name="Examples">
84      Examples
85    </h3>
86    <p>
87      {{template.CSSRefExampleLink("white-space")}}
88    </p>
89    <pre class="eval">
90code {
91  white-space: pre;
92}
93</pre>
94    <h3 name="Notes">
95      Notes
96    </h3>
97    <p>
98      Values <code>pre-wrap</code> and <code>pre-line</code> are 
 >not yet implemented in Mozilla. Currently you can use <code>-moz-
 >pre-wrap</code> instead of <code>pre-wrap</code>.
99    </p>
100    <h3 name="Specifications">
101      Specifications
102    </h3>
103    <ul>
104      <li>
105        <a class="external" href="http://www.w3.org/TR/CSS21/text
 >.html#white-space-prop">CSS 2.1 text</a>
106      </li>
107      <li>
108        <a class="external" href="http://www.w3.org/TR/CSS1#white
 >-space">CSS 1</a>
109      </li>
110      <li>
111        <a class="external" href="http://www.w3.org/TR/css3-text/
 >#white-space-summary">CSS 3</a>
112      </li>
113    </ul>
114    <h3 name="Browser_compatibility">
115      Browser compatibility
116    </h3>
117    <p>
118      (Sample Compatibility Chart)
119    </p>
120    <table class="standard-table">
121      <tbody>
122        <tr>
123          <th>
124            Browser
125          </th>
126          <th>
127            Lowest Version
128          </th>
129        </tr>
130        <tr>
131          <td>
132            Internet Explorer
133          </td>
134          <td>
135            0
136          </td>
137        </tr>
138        <tr>
139          <td>
140            Firefox
141          </td>
142          <td>
143            0
144          </td>
145        </tr>
146        <tr>
147          <td>
148            Netscape
149          </td>
150          <td>
151            0
152          </td>
153        </tr>
154        <tr>
155          <td>
156            Opera
157          </td>
158          <td>
159            0
160          </td>
161        </tr>
162        <tr>
163          <td>
164            Safari
165          </td>
166          <td>
167            ?
168          </td>
169        </tr>
170      </tbody>
171    </table>
172    <p>
173      <br>
174    </p>
175    <h3 name="See_also">
176      See also
177    </h3>
178    <p>
179      {{wiki.template('CSS_Reference:Text')}}
180    </p>
181    <p>
182      <br>
183      <span class="comment">uncomment as required {{mediawiki.int
 >ernal('Category:NeedsContent', "en")}} {{mediawiki.internal('Cate
 >gory:NeedsAttention', "en")}} {{mediawiki.internal('Category:Need
 >sExample', "en")}} {{mediawiki.internal('Category:NeedsImageClean
 >up', "en")}} {{mediawiki.internal('Category:NeedsMarkupWork', "en
 >")}} {{mediawiki.internal('Category:NeedsRewrite', "en")}} {{medi
 >awiki.internal('Category:NeedsTechnicalReview', "en")}} {{mediawi
 >ki.internal('Category:NeedsEditorialReview', "en")}} {{mediawiki.
 >internal('Category:NeedsUpdate', "en")}}</span>
184    </p>{{ wiki.languages( { "pl": "pl/Dokumentacja_CSS/W\u0142as
 >no\u015bci_szablonu", "ko": "ko/CSS_Reference/Property_Template" 
 >} ) }}

Back to History