Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Swiftu. Zároveň využij výhodnou slevovou akci až 30 % zdarma při nákupu e-learningu - více informací.
swift week + discount 30

details - Český HTML 5 manuál

Tag <details> se v HTML 5 používá k označení podrobnějších informací, které jsou skryty a uživatel je může zobrazit. Tag je zatím podporován pouze prohlížečem Chrome. Používáme ho spolu s elementem <summary>, pomocí kterého přiřadíme sekci s detaily titulek.

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

Prohlížeč zobrazí pouze titulek a po rozkliknutí se zobrazí další obsah elementu <details>.

Atributy

Elementu můžeme přiřadit atribut:

  • open - Atribut je typu boolean. Pokud je uveden, zobrazí se sekce <details> otevřená.

 

Všechny články v sekci
Layout - Český HTML 5 manuál
Článek pro vás napsal David Čápka
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 13 let. Má rád Nirvanu, sushi a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity

 

 

Komentáře

Avatar
Patrik Neumann:30.12.2014 14:44

Ahoj, jak v details místo té šipky na začátku dám plusko? Předem děkuji.

Odpovědět
30.12.2014 14:44
Nic není nemožné, proto se snažím dál.
Avatar
Odpovědět
30.12.2014 15:01
Nic není nemožné, proto se snažím dál.
Avatar
Daniel Vítek
Tvůrce
Avatar
Odpovídá na Patrik Neumann
Daniel Vítek:30.12.2014 17:17

Co kdybys místo "Už to mám" napsal jak jsi to vyřešil ? :)

Odpovědět
30.12.2014 17:17
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Odpovídá na Daniel Vítek
Patrik Neumann:30.12.2014 19:04

Přes jednu jinou stránku

Odpovědět
30.12.2014 19:04
Nic není nemožné, proto se snažím dál.
Avatar
Daniel Vítek
Tvůrce
Avatar
Odpovídá na Patrik Neumann
Daniel Vítek:30.12.2014 22:00

To je tak těžký sem napsat že to řeší přes CSS :after ?

Odpovědět
30.12.2014 22:00
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Avatar
Richard Luko
Člen
Avatar
Odpovídá na Daniel Vítek
Richard Luko:2.3.2017 9:42

Ahoj,
a nemohol by si prosím byť trochu konkrétnejší a dať nejaký príklad ? Napr. aby tam bolo už to zmieňované plusko - pozeral som na stack overflow, ale nie som oveľa múdrejší. Viem, že asi nemáš veľa času, ale mohlo by to byť veľmi nápomocné.
Ďakujem

Odpovědět
2.3.2017 9:42
S Bohom je všetko možné
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.