Atveramas/aizveramas teksta sadaļas.

Šis apraksts ir paredzēts tikai kā vispārīgs apskats. Tas neaptver visu HTML un CSS iespēju uzskaitījumu. Šeit var būt iekļauti arī novecojoši piemēri.

Šajā piemērā tiek izmantota izvēles rūtiņa (checkbox), kas ir interaktīvs HTML elements. Šis piemērs izveidots paslēpjot pašu rūtiņu un pievinojot atbilstošu tekstu (label). Lai redzētu piemēru darbibā, uzklikšķini uz zemāk redzamiem sadaļu virsrakstiem. Nestrādā ar «Microsoft Internet Explorer», kuri vecāki par 10. versiju.

lappusē izmantotos stilus

Šo sadaļu jāvar parādīt un paslēpt.

Šajā lapā izmantotie stili:

/* Lai paslēptu ķeksējamo rūtiņu */ .vairaak { position: absolute; left: -800; } label{ cursor: pointer; } .vairaak + label { display: block; border-top: thin solid black; border-bottom: thin solid black; font-size: 140%; } .vairaak:checked + label { border-bottom: none; } .vairaak + label:before { content: url(/atteli/icons/folder.gif) " Atvērt "; } .vairaak:checked + label:before { content: url(/atteli/icons/folder.open.gif) " Aizvērt "; } .saturs, .kurasadalja { display: none; } .kurasadalja{ color: #FFFF88; background-color: #220099; padding: 3em; } #sadalja1:checked ~ #saturs1, #sadalja2:checked ~ #saturs2 { display: block; border-bottom: thin solid black; padding-bottom: 2em; }

šīs lapas pirmkodu

Šo sadaļu jāvar parādīt un paslēpt.

Lapas pirmkods:

Pievērsiet uzmanību klašu (class) un id lietojumam. Ar klašu palīdzību tiek noteikts izskats. Savukārt ar id tiek panākta atšķirība starp dažādiem objektiem. Ja vairākiem objektiem tiek piešķirts viens un tas pats id, tie tiek uzskatīti par viena objekta dažādām daļām. Piemēram, atverot/aizverot sadaļas, mainās arī zemāk esošā teksta redzamība.

Ir ticis atvērts:

[Stilu lapas saturs]

[Lapas pirmkods]


Pamatlapa	BF	Padomi	Sākums

Lappuse labota: 2026.08.18

Lapa ir publicēta ar CC BY–SA 4.0 licenci. Ja lapā ir ietvertas daļas uz kurām attiecas cita licence, tas norādīts atsevišķi lapas tekstā.