diff options
author | MDN <actions@users.noreply.github.com> | 2021-06-09 00:40:02 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-06-09 00:40:02 +0000 |
commit | bbed12e574958e07af25518c7e66bd5ee2fb2d2c (patch) | |
tree | 6e15ea0aabe07bcc53e1bcf571c0e086e3976a25 /files/pl/web | |
parent | 67bda90e70fdf1714ec4f4886ec9261992bd4422 (diff) | |
download | translated-content-bbed12e574958e07af25518c7e66bd5ee2fb2d2c.tar.gz translated-content-bbed12e574958e07af25518c7e66bd5ee2fb2d2c.tar.bz2 translated-content-bbed12e574958e07af25518c7e66bd5ee2fb2d2c.zip |
[CRON] sync translated content
Diffstat (limited to 'files/pl/web')
-rw-r--r-- | files/pl/web/api/elementcssinlinestyle/style/index.html | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/files/pl/web/api/elementcssinlinestyle/style/index.html b/files/pl/web/api/elementcssinlinestyle/style/index.html deleted file mode 100644 index 80ee084961..0000000000 --- a/files/pl/web/api/elementcssinlinestyle/style/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: element.style -slug: Web/API/ElementCSSInlineStyle/style -tags: - - DOM - - Dokumentacja_Gecko_DOM - - Gecko - - Strony_wymagające_dopracowania - - Wszystkie_kategorie -translation_of: Web/API/ElementCSSInlineStyle/style -original_slug: Web/API/Element/style ---- -<p>{{ ApiRef("DOM") }}</p> - -<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> - -<p>Zwraca obiekt reprezentujący atrybut <code>style</code> elementu.</p> - -<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> - -<pre class="eval">var div = document.getElementById("div1"); -div.style.marginTop = ".25in"; -</pre> - -<h3 id="Uwagi" name="Uwagi">Uwagi</h3> - -<p>Ponieważ własność <code>style</code> reprezentuje atrybut <code>style</code>, który ma najwyższy priorytet w kaskadzie CSS, własność ta jest użyteczna by ustawić styl określonego elementu. Nie przyda się jednak do sprawdzania stylu elementu, ponieważ zależy ona tylko od atrybutu <code>style</code>, a nie od reguł stylów określonych gdziekolwiek indziej. Możesz użyć <code><a href="/pl/DOM/window.getComputedStyle" title="pl/DOM/window.getComputedStyle">window.getComputedStyle</a></code>, by sprawdzić styl elementu.</p> - -<p>Zobacz listę <a href="/pl/DOM/CSS" title="pl/DOM/CSS">własności CSS dostępnych w DOM</a>, gdzie znajdziesz też dodatkowe uwagi o zastosowaniu własności <code>style</code>.</p> - -<p>Ogólnie rzecz biorąc, lepiej jest użyć własność <code>style </code>zamiast <code>elt.setAttribute('style', '...')</code>, ponieważ użycie <code>style</code> nie nadpisze innych własności CSS, które mogły być wcześniej określone atrybutem <code>style</code>.</p> - -<p>Styli nie można ustawiać poprzez przekazywania łańcucha znaków do atrybutu <code>style</code> (tylko odczyt), np. <code>elt.style = "color: blue;"</code>. Jest to niemożliwe ponieważ atrybut stylu zwraca obiekt <code>CSSStyleDeclaration</code> . Zamiast tego, możesz ustawić poszczególne własności atrybutu <code>style</code> w ten sposób:</p> - -<pre class="eval">elt.style.color = "blue"; // Directly - -var st = elt.style; -st.color = "blue"; // Indirectly -</pre> - -<p>Poniższy kod wyświetli nazwy wszystkich własności stylu, wartości ustawione dla elementu <code>elt</code> oraz dziedziczone 'przeliczone'' wartości:</p> - -<pre class="eval">var elt = document.getElementById("elementIdHere"); -var out = ""; -var st = elt.style; -var cs = window.getComputedStyle(z, null); -for (x in st) - out += " " + x + " = '" + st[x] + "' > '" + cs[x] + "'\n"; -</pre> - -<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-ElementCSSInlineStyle">DOM Level 2 Style: ElementCSSInlineStyle.style</a></p> |