Praneškite apie mus:


CSS rodymas

0

Su display parametru ir jo reikšmėmis galime išgauti labai skirtingų html elemento atvaizdavimų. Galime atvaizduoti kelis paragrafus kaip vieną, padaryti objektus nematomus ir kt.



Pagrindinės vartojamos reikšmės

Parametras Reikšmė
display:block;
Atvaizduoti
visibility:hidden; Paslėpti, tačiau vietą elementas užima
display:none; Neatvaizduoti, vietos neužimti
display:inline;
Atvaizduoti vieną paskui kitą

display: block; ir display:inline;

Atvaizduojamas elementas užima visą galimą plotį, virš savęs ir po turi po perėjimą į naują eilutę. Block tipo elementai yra tokie kaip <div>, <h1>, <p>.

inline pavyzdys

pabandyk_pats

Tas pats pavyzdys tik su block

pabandyk_pats

Su inline reikšme elementai buvo išdėlioti vienas paskui kitą horizontaliai, tuo tarpu su block reikšme elementai išsiplėtė per visą galimą plotį ir todėl atsirado vienas po kitu.

visibility:hidden; ir display:none;

Visibility:hidden; paslepia elementą, tačiau jis užima savo vietą kaip ir įprastai, o display:none; išjungia elemento rodymą ir jis nebeužima vietos.

visibility:hidden pavyzdys

pabandyk_pats

display:none pavyzdys

pabandyk_pats

Pažiūrėję abu pavyzdžius akivaizdžiai matome kuo skriasi šie parametrai.

Perskaityta: 2831 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
css    pazengusiems    display    visibility    block    none    hidden    inline   
Patinka straipsnis?
dalintis Facebook
dalintis MySpace
dalintis Twitter
Digg it
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti
CSS meniu
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: