blob: fb3d059ffece3a54f8229425ad9094abbead4a6e (
plain)
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
|
---
title: '-moz-appearance'
slug: Web/CSS/appearance
tags:
- CSS
- Non-standard
translation_of: Web/CSS/appearance
---
<p>{{Non-standard_header}}{{CSSRef}}</p>
<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>
<p><code>-moz-appearance</code> jest używane przez przeglądarki bazujące na Mozilli do wyświetlania elementu przy użyciu natywnego dla platformy wyglądu, opartego na temacie systemu operacyjnego.</p>
<ul>
<li>Wartość początkowa: none</li>
<li>Dotyczy: wszystkich elementów</li>
<li>Dziedziczony: nie</li>
<li>Procenty: niedostępne</li>
<li>Wartość wyliczona: jako określone</li>
</ul>
<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>
<pre class="eval">-moz-appearance:<em>appearance value</em>
</pre>
<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>
<dl>
<dt>none</dt>
<dd>Żaden specjalny wygląd nie jest stosowany. (Domyślnie)</dd>
<dt>button</dt>
<dd>Element jest rysowany jak przycisk (<em>button</em>).</dd>
<dt>button-small</dt>
<dd>Element jest rysowany jak mały przycisk (<em>small button</em>).</dd>
<dt>checkbox</dt>
<dd>Element jest rysowany jak pole wyboru (<em>checbox</em>), uwzględniając tylko stan bieżący (<em>actual</em>) pola wyboru.</dd>
<dt>checkbox-container</dt>
<dd>Element jest rysowany jak kontener dla pola wyboru, który może zawierać efekt podświetlanego tła pod określoną platformą. Zazwyczaj powinien zawierać etykietę (<em>label</em>) oraz pole wyboru.</dd>
<dt>checkbox-small</dt>
<dt>dialog</dt>
<dd>Element jest stylizowany jak pole dialogowe (<em>dialog box</em>), które zawiera kolor tła i inne własności.</dd>
<dt>listbox</dt>
<dt>menuitem</dt>
<dd>Element jest stylizowany jak pozycja menu (<em>menu item</em>), pozycja jest podświetlana po najechaniu.</dd>
<dt>menulist</dt>
<dt>menulist-button</dt>
<dd>Element jest stylizowany jak przycisk (<em>button</em>), który może wskazywać, że listę menu (<em>menulist</em>) można otworzyć.</dd>
<dt>menulist-textfield</dt>
<dd>Element jest stylizowany jak pole tekstowe (<em>text field</em>) dla listy menu (<em>menulist</em>).</dd>
<dt>menupopup</dt>
<dt>progressbar</dt>
<dd>Element jest stylizowany jak pasek postępu (<em>progress bar</em>).</dd>
<dt>radio</dt>
<dd>Element jest stylizowany jak przycisk typu radio (<em>radio button</em>), uwzględniając tylko stan bieżący (<em>actual</em>) przycisku radio.</dd>
<dt>radio-container</dt>
<dd>Element jest rysowany jak kontener przycisku radio, który może zawierać efekt podświetlanego tła pod określoną platformą. Zazwyczaj powinien zawierać etykietę (<em>label</em>) oraz przycisk radio.</dd>
<dt>radio-small</dt>
<dt>resizer</dt>
<dt>scrollbar</dt>
<dt>scrollbarbutton-down</dt>
<dt>scrollbarbutton-left</dt>
<dt>scrollbarbutton-right</dt>
<dt>scrollbarbutton-up</dt>
<dt>scrollbartrack-horizontal</dt>
<dt>scrollbartrack-vertical</dt>
<dt>separator</dt>
<dt>statusbar</dt>
<dt>tab</dt>
<dt>tab-left-edge</dt>
<dt>tabpanels</dt>
<dt>textfield</dt>
<dt>toolbar</dt>
<dt>toolbarbutton</dt>
<dt>toolbox</dt>
<dt>tooltip</dt>
<dt>treeheadercell</dt>
<dt>treeheadersortarrow</dt>
<dt>treeitem</dt>
<dt>treetwisty</dt>
<dt>treetwistyopen</dt>
<dt>treeview</dt>
<dt>window</dt>
</dl>
<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>
<pre>.exampleone {
-moz-appearance: toolbarbutton;
}
</pre>
<h2 id="Notatki" name="Notatki">Notatki</h2>
<p>Ta własność jest często używana w arkuszach stylów <a href="pl/XUL">XUL</a> do projektowania zwyczajnych dla platformy widżetów oraz w implementacjach <a href="pl/XBL">XBL</a> widżetów, które pochodzą z platformy mozilla.</p>
|
