1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
|
---
title: font
slug: Web/CSS/font
tags:
- CSS
- 'CSS:Dokumentacje'
- Dokumentacje
- Wszystkie_kategorie
translation_of: Web/CSS/font
---
<p>{{ CSSRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Własność <code>font</code> jest skrótową własnością do ustawienia {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, {{ Cssxref("line-height") }} oraz {{ Cssxref("font-family") }} w jednym miejscu w arkuszu stylów.</p>
<ul>
<li>{{ Xref_cssinitial() }}: sprawdź indywidualne własności</li>
<li>Stosowana do: wszystkich elementów</li>
<li>{{ Xref_cssinherited() }}: tak</li>
<li>Media: {{ Xref_cssvisual() }}</li>
<li>{{ Xref_csscomputed() }}:</li>
</ul>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
<p><code>font:</code> [ <{{ Cssxref("font-style") }}> || <{{ Cssxref("font-variant") }}> || <{{ Cssxref("font-weight") }}> ]? <{{ Cssxref("font-size") }}> [ / <{{ Cssxref("line-height") }}> ]? <{{ Cssxref("font-family") }}></p>
<p><code>font:</code> <code>caption</code> | <code>icon</code> | <code>menu</code> | <code>message-box</code> | <code>small-caption</code> | <code>status-bar</code> | <code>-moz-window</code> | <code>-moz-document</code> | <code>-moz-workspace</code> | <code>-moz-desktop</code> | <code>-moz-info</code> | <code>-moz-dialog</code> | <code>-moz-button</code> | <code>-moz-pull-down-menu</code> | <code>-moz-list</code> | <code>-moz-field</code></p>
<p><code>font:</code> {{ Cssxref("inherit") }}</p>
<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
<p>Użycie skrótowej własności {{ Cssxref("font") }} ustawia własności pisma jako określone oraz ustawia wszystkie inne własności związane z czcionką do ich wartości początkowych.</p>
<p>Zobacz {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }} oraz {{ Cssxref("font-family") }}, by sprawdzić prawidłowe wartości każdej własności.</p>
<p>Również czcionki systemowe mogą być określone przy użyciu własności {{ Cssxref("font") }}<em>zamiast</em> określania indywidualnych własności pisma:</p>
<dl>
<dt>caption </dt>
<dd>Czcionka używana w opisanych kontrolkach (na przykład w przyciskach, listach rozwijanych itd.).</dd>
<dt>icon </dt>
<dd>Czcionka używana do podpisywania ikon.</dd>
<dt>menu </dt>
<dd>Czcionka używana w menu (na przykład menu rozwijanym, listach menu).</dd>
<dt>message-box </dt>
<dd>Czcionka używana w oknach dialogowych.</dd>
<dt>small-caption </dt>
<dd>Czcionka używana do opisywania małych kontrolek.</dd>
<dt>status-bar </dt>
<dd>Czcionka używana w pasku stanu okna.</dd>
<dt>-moz-window </dt>
<dd> </dd>
<dt>-moz-document </dt>
<dd> </dd>
<dt>-moz-workspace </dt>
<dd> </dd>
<dt>-moz-desktop </dt>
<dd> </dd>
<dt>-moz-info </dt>
<dd> </dd>
<dt>-moz-dialog </dt>
<dd> </dd>
<dt>-moz-button </dt>
<dd> </dd>
<dt>-moz-pull-down-menu </dt>
<dd> </dd>
<dt>-moz-list </dt>
<dd> </dd>
<dt>-moz-field </dt>
<dd> </dd>
</dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>
<p><a href="/samples/cssref/font.html">Zobacz przykład</a></p>
<pre>/* Ustawia rozmiar czcionki na 12pt oraz odstęp między liniami na 14pt.
Ustawia rodzinę czcionek na bezszeryfowe */
p { font: 12pt/14pt sans-serif }
</pre>
<pre>/* Ustawia rozmiar czcionki na 80% rozmiaru znacznika-rodzica lub wartości domyślnej
(jeśli nie ma obecnego znacznika-rodzica) oraz ustawia rodzinę czcionek na bezszeryfowe */
p { font: 80% sans-serif }
</pre>
<pre>/* Ustawia wagę (grubość) czcionki na pogrubioną, styl czcionki na kursywę,
rozmiar na duży i rodzinę czcionek na szeryfowe */
p { font: bold italic large serif }
</pre>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Składniki {{ Cssxref("font-size") }} oraz {{ Cssxref("font-family") }} skrótowej własności są obowiązkowe. Pominięcie ich jest błędem składniowym i powoduje, że cała własność zostanie zignorowana.</p>
<p>Własności, dla których nie ma podanych żadnych wartości, są ustawiane do ich wartości domyślnej, którą jest <code>normal</code> dla wszystkich własności, które mogą być pominięte ({{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, oraz {{ Cssxref("line-height") }}).</p>
<p>Własność {{ Cssxref("font-size-adjust") }} jest również ustawiana do jej wartości początkowej (<code>none</code>), kiedy określona jest skrótowa własność {{ Cssxref("font") }}.</p>
<h3 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h3>
<ul>
<li><a class="external" href="http://www.w3.org/TR/CSS1#font">CSS 1</a></li>
<li><a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#propdef-font">CSS 2</a> (dla {{ Cssxref("font-size-adjust") }})</li>
<li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font">CSS 2.1</a></li>
<li><a class="external" href="http://www.w3.org/TR/css3-ui/#font">css3-ui</a> (dla nowych wartości czcionek systemowych)</li>
</ul>
<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h3>
<table class="standard-table">
<tbody>
<tr>
<th>Przeglądarka</th>
<th>Najniższa wersja</th>
</tr>
<tr>
<td>Internet Explorer</td>
<td>3</td>
</tr>
<tr>
<td>Netscape</td>
<td>4</td>
</tr>
<tr>
<td>Opera</td>
<td>3.5</td>
</tr>
</tbody>
</table>
<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
<p>{{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}</p>
<p> </p>
<p> </p>
<div class="noinclude"> </div>
<p>{{ languages( { "en": "en/CSS/font", "es": "es/CSS/font", "fr": "fr/CSS/font", "ja": "ja/CSS/font" } ) }}</p>
|
