mozilla

Compare Revisions

font

Change Revisions

Revision 20412:

Revision 20412 by vlgalik on

Revision 20413:

Revision 20413 by vlgalik on

Title:
font
font
Slug:
CSS/font
CSS/font
Tags:
css, "CSS Reference", NeedsMobileBrowserCompatibility
css, "CSS Reference", NeedsMobileBrowserCompatibility
Content:

Revision 20412
Revision 20413
n31    </div><nobr>&lt;style type="text/css"&gt;<!--{cke_protected}{n31    </div>
>C}%3C!%2D%2D%5BCDATA%5B.cssprop%20%7B%0A%20%20display%3Atable%3B% 
>0A%20%20padding%3A%200.4em%3B%0A%20%20border-left%3A0.15em%20soli 
>d%3B%0A%20%20background-color%3A%23eeeeff%0A%7D%0A.cssprop%20li%2 
>0%7B%0A%20display%3Atable-row%3B%0A%20padding%3A%203px%3B%0A%20ma 
>rgin%3A0%3B%0A%7D%0A.cssprop%20li%20dfn%20%7B%0A%20%20display%3At 
>able-cell%3B%0A%20%20padding%3A%200%205px%3B%0A%20%20border-botto 
>m%3A%20none%3B%0A%20%20cursor%3Ainherit%3B%0A%7D%0A%0A%0A%5D%5D%2 
>D%2D%3E-->&lt;/style&gt;</nobr> 
32    <p>
33      <nobr>&lt;style type="text/css"&gt;<!--[CDATA[.cssprop {
34  display:table;
35  padding: 0.4em;
36  border-left:0.15em solid;
37  background-color:#eeeeff
38}
39.cssprop li {
40 display:table-row;
41 padding: 3px;
42 margin:0;
43}
44.cssprop li dfn {
45  display:table-cell;
46  padding: 0 5px;
47  border-bottom: none;
48  cursor:inherit;
49}
50 
51 
52]]-->&lt;/style&gt;</nobr>
53    </p>
n53      Syntaxn75      <nobr>Syntax</nobr>
n56font: {{ cssxref("font-style") }}|| {{ cssxref("font-variant") }}n78<nobr>font: {{ cssxref("font-style") }}|| {{ cssxref("font-varian
>|| {{ cssxref("font-weight") }}]? {{ cssxref("font-size") }}[ / {>t") }}|| {{ cssxref("font-weight") }}]? {{ cssxref("font-size") }
>{ cssxref("line-height") }}]? {{ cssxref("font-family") }}>}[ / {{ cssxref("line-height") }}]? {{ cssxref("font-family") }}
nn80</nobr>
n60      Valuesn83      <nobr>Values</nobr>
n64        <em>font-style</em>n87        <nobr><em>font-style</em></nobr>
65      </dt>
66      <dd>
67        See the {{ Cssxref("font-style") }} CSS property.&nbsp;
68      </dd>
69      <dt>88      </dt>
70        <em>font-variant</em>
71      </dt>
72      <dd>
73        See the {{ Cssxref("font-variant") }} CSS property.
74      </dd>89      <dd>
75      <dt>90        <nobr>See the {{ Cssxref("font-style") }} CSS property.&n
 >bsp;</nobr>
76        <em>font-weight</em>
77      </dt>
78      <dd>91      </dd>
79        See the {{ Cssxref("font-weight") }} CSS property.
80      </dd>
81      <dt>
82        <em>font-size</em>
83      </dt>92      <dt>
84      <dd>93        <nobr><em>font-variant</em></nobr>
85        See the {{ Cssxref("font-size") }} CSS property.
86      </dd>
87      <dt>94      </dt>
88        <em>line-height</em>
89      </dt>
90      <dd>
91        See the {{ cssxref("line-height") }} CSS property.
92      </dd>95      <dd>
93      <dt>96        <nobr>See the {{ Cssxref("font-variant") }} CSS property.
 ></nobr>
94        <em>font-family</em>
95      </dt>
96      <dd>97      </dd>
97        See the {{ Cssxref("font-family") }} CSS property.
98      </dd>
99      <dt>
100        system_font
101      </dt>98      <dt>
99        <nobr><em>font-weight</em></nobr>
100      </dt>
101      <dd>
102        <nobr>See the {{ Cssxref("font-weight") }} CSS property.<
 >/nobr>
102      <dd>103      </dd>
104      <dt>
105        <nobr><em>font-size</em></nobr>
106      </dt>
107      <dd>
108        <nobr>See the {{ Cssxref("font-size") }} CSS property.</n
 >obr>
109      </dd>
110      <dt>
111        <nobr><em>line-height</em></nobr>
112      </dt>
113      <dd>
114        <nobr>See the {{ cssxref("line-height") }} CSS property.<
 >/nobr>
115      </dd>
116      <dt>
117        <nobr><em>font-family</em></nobr>
118      </dt>
119      <dd>
120        <nobr>See the {{ Cssxref("font-family") }} CSS property.<
 >/nobr>
121      </dd>
122      <dt>
123        <nobr>system_font</nobr>
124      </dt>
125      <dd>
103        Instead of specifying individual longhand properties, a k126        <nobr>Instead of specifying individual longhand propertie
>eyword can be used to represent a specific system font:>s, a keyword can be used to represent a specific system font:</no
 >br>
n155        </table>Browsers implementing these often implements seven178        </table><nobr>Browsers implementing these often implement
>ral more, prefixed, values; Gecko implements <code>-moz-window</c>s several more, prefixed, values; Gecko implements <code>-moz-win
>ode>, <code>-moz-document</code>, <code>-moz-desktop</code>, <cod>dow</code>, <code>-moz-document</code>, <code>-moz-desktop</code>
>e>-moz-info</code>, <code>-moz-dialog</code>, <code>-moz-button</>, <code>-moz-info</code>, <code>-moz-dialog</code>, <code>-moz-bu
>code>, <code>-moz-pull-down-menu</code>, <code>-moz-list</code> a>tton</code>, <code>-moz-pull-down-menu</code>, <code>-moz-list</c
>nd <code>-moz-field</code>.>ode> and <code>-moz-field</code>.</nobr>
n159      Examplesn182      <nobr>Examples</nobr>
160    </h2>
161    <p>183    </h2>
184    <p>
162      {{ CSSRefExampleLink("font") }}185      <nobr>{{ CSSRefExampleLink("font") }}</nobr>
n165/* Set the font size to 12px and the line height to 14px. Set then188<nobr>/* Set the font size to 12px and the line height to 14px. S
> font family to sans-serif */>et the font family to sans-serif */
nn190</nobr>
n169/* Set the font size to 80% of the parent element or default valun193<nobr>/* Set the font size to 80% of the parent element or defaul
>e (if no parent element present) >t value (if no parent element present) 
nn196</nobr>
n174/* Set the font weight to bold, the font-style to italic, the fonn199<nobr>/* Set the font weight to bold, the font-style to italic, t
>t size to large, >he font size to large, 
nn202</nobr>
n179/* Use the same font as the status bar of the window */n205<nobr>/* Use the same font as the status bar of the window */
nn207</nobr>
n183      Specificationsn210      <nobr>Specifications</nobr>
n187        <a class="external" href="http://www.w3.org/TR/CSS21/fontn214        <nobr><a class="external" href="http://www.w3.org/TR/CSS2
>s.html#font-shorthand" title="http://www.w3.org/TR/CSS21/fonts.ht>1/fonts.html#font-shorthand" title="http://www.w3.org/TR/CSS21/fo
>ml#font-shorthand">CSS 2.1 Fonts #font</a>>nts.html#font-shorthand">CSS 2.1 Fonts #font</a></nobr>
188      </li>
189      <li>215      </li>
216      <li>
190        <a class="external" href="http://www.w3.org/TR/css3-ui/#s217        <nobr><a class="external" href="http://www.w3.org/TR/css3
>ystem0" title="http://www.w3.org/TR/css3-ui/#system0">CSS 3 User >-ui/#system0" title="http://www.w3.org/TR/css3-ui/#system0">CSS 3
>interface #system-fonts</a> Candidate recommendation, not yet imp> User interface #system-fonts</a> Candidate recommendation, not y
>lemented>et implemented</nobr>
n194      Browser compatibilityn221      <nobr>Browser compatibility</nobr>
195    </h2>
196    <p>222    </h2>
223    <p>
197      {{ CompatibilityTable() }}224      <nobr>{{ CompatibilityTable() }}</nobr>
n312      See alson339      <nobr>See also</nobr>
nn342      <li>
315      <li>The font-related CSS properties: {{ CSS_Reference:Fonts343        <nobr>The font-related CSS properties: {{ CSS_Reference:F
>() }}>onts() }}</nobr>
t319      {{ languages( { "de": "de/CSS/font", "es": "es/CSS/font", "t347      <nobr>{{ languages( { "de": "de/CSS/font", "es": "es/CSS/fo
>fr": "fr/CSS/font", "ja": "ja/CSS/font", "pl": "pl/CSS/font" } ) >nt", "fr": "fr/CSS/font", "ja": "ja/CSS/font", "pl": "pl/CSS/font
>}}>" } ) }}</nobr>

Back to History