From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pl/web/html/element/div/index.html | 131 +++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 files/pl/web/html/element/div/index.html (limited to 'files/pl/web/html/element/div') diff --git a/files/pl/web/html/element/div/index.html b/files/pl/web/html/element/div/index.html new file mode 100644 index 0000000000..d7edffc9c6 --- /dev/null +++ b/files/pl/web/html/element/div/index.html @@ -0,0 +1,131 @@ +--- +title: '
: The Content Division element' +slug: Web/HTML/Element/div +translation_of: Web/HTML/Element/div +--- +
{{HTMLRef}}
+ +

HTML Content Division element (<div>) jest rodzajem pojemnika na treść. Nie ma on żadnego wpływu na treść ani układ graficzny, dopóki nie zostanie ostylizowany z użyciem CSS.  Element <div> jako "czysty" pojemnik niczego nie reprezentuje. Zamiast tego, jest on używany do grupowania zawartości, dzięki czemu można go łatwo stylizować za pomocą atrybutu {{htmlattrxref("class")}} lub {{htmlattrxref("id")}}, oznaczające część dokumentu jako napisaną w innym języku (używając atrybutu {{htmlattrxref("lang")}}), i tak dalej.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Kategorie zawartościTekst lub treść osadzona, namacalna zawartosć.
Dopuszczalna zawartośćTekst lub treść osadzona.
+ Lub (w WHATWG HTML): Jeżeli rodzic jest elementem {{HTMLElement("dl")}}: jednego lub więcej elementów {{HTMLElement("dt")}}, po których następuje jeden lub więcej elementów {{HTMLElement("dd")}}, opcjonalnie zmieszanych z elementami {{HTMLElement("script")}} i {{HTMLElement("template")}}.
Pominięcie znacznikaBrak, zarówno znacznik początku, jak i końca jest obowiązkowy.
Dozwoleni rodzice Każdy element akceptujący tekst lub treść osadzoną.
+ Lub (w WHATWG HTML): element {{HTMLElement("dl")}}.
Wsparcie ARIATak
Interfejs DOM{{domxref("HTMLDivElement")}}
+ +

Atrybuty

+ +

Element ten obejmuje atrybuty globalne.

+ +

Atrybut align jest przestarzały; nie używaj go już dłużej. Zamiast tego należy użyć właściwości lub technik CSS takich jak CSS Grid lub CSS Flexbox do wyrównania i pozycjonowania elementów <div> na stronie.

+ +

Wskazówki dot. użytkowania

+ + + +

Przykłady

+ +

Prosty przykład

+ +
<div>
+  <p>Any kind of content here. Such as
+  &lt;p&gt;, &lt;table&gt;. You name it!</p>
+</div>
+ +

Rezultat wygląda tak:

+ +

{{EmbedLiveSample("A_simple_example", 650, 60)}}

+ +

Przykład z użyciem stylów

+ +

Ten przykład tworzy cieniowane pole, stosując styl dla <div> za pomocą CSS. Zwróć uwagę na użycie atrybutu {{htmlattrxref("class")}} na elemencie <div> aby zastosować styl o nazwie "shadowbox".

+ +

HTML

+ +
<div class="shadowbox">
+  <p>Here's a very interesting note displayed in a
+  lovely shadowed box.</p>
+</div>
+ +

CSS

+ +
.shadowbox {
+  width: 15em;
+  border: 1px solid #333;
+  box-shadow: 8px 8px 5px #444;
+  padding: 8px 12px;
+  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
+}
+ +

Rezultat

+ +

{{EmbedLiveSample("A_styled_example", 650, 120)}}

+ +

Specyfikacje

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'grouping-content.html#the-div-element', '<div>')}}{{Spec2('HTML WHATWG')}}No changes since the latest snapshot
{{SpecName('HTML5 W3C', 'grouping-content.html#the-div-element', '<div>')}}{{Spec2('HTML5 W3C')}}Obsoleted align
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.4', '<div>')}}{{Spec2('HTML4.01')}} 
+ +

Kompatybilność z przeglądarkami

+ + + +

{{Compat("html.elements.div")}}

+ +

Zobacz także

+ + -- cgit v1.2.3-54-g00ecf