Praneškite apie mus:


CSS parametras - display

0

Display parametras nurodo kokio tipo dėžutę elementas turi atvaizduoti. Jei pavyzdžiui sukursime kelis paragras su žyme <p> ir jiems priskirsim parametro display reikšmę inline, vizualiai atrodys, kad tai yra vienas paragrafas. Nemažai reikšmių nepalaiko Internet Explorer naršyklės (žiūrėkite papildomą informaciją straipsnio apačioje).



Pavyzdys

1
2
3
4
5
6
7
8
9
10
11
12
p {
display:inline;
}
 
/*
dažnai horziontalūs meniu punktai būna padaromi li
elementams priskiriant display:inline reikšmę.
*/
 
li {
display:inline;
}

 

1
2
3
4
5
<ul>
<li>Pradžia</li>
<li>HTML</li>
<li>CSS</li>
</ul>

 

Galimos reikšmės

Reikšmė Aprašymas
none Elementas nebus atvaizduojamas.
block
Elementas bus atvaizduojamas kaip blokelis. Virš ir po juo bus paliktas tarpas ir perėjimas į naują eilutę.
inline
Elementas bus atvaizduojamas vienas paskui kitą be perėjimų į naują eilutę. Tai yra reikšmė pagal nutylėjimą.
inline-block
Elementui bus išskirta vieta kaip ir prie reikšmės block, tačiau elementai eis vienas paskui kitą.
inline-table
Elementas sukurs inline tipo dėžutę. Veiks kaip <table> be tarpų virš ir po elemento. Šios reikšmės nepalaiko Internet Explorer naršyklės.
list-item
Elementas sukurs block tipo dėžutę ir inline tipo dėžutę sąrašo žymekliui.
run-in
Elementas sukurs block arba inline tipo dėžutę, priklausomai nuo konteksto. Šios reikšmės nepalaiko Internet Explorer naršyklės.
table
Elementas elgsis kaip <table>. Turės perėjimus į naują eilutę tiek prieš, tiek po elemento. Šios reikšmės nepalaiko Internet Explorer naršyklės.
table-caption
Elementas elgsis kaip lentelės antraštė, <caption>. Šios reikšmės nepalaiko Internet Explorer naršyklės.
table-cell
Elementas elgsis kaip lentelės  narvelis (langelis). Šios reikšmės nepalaiko Internet Explorer naršyklės.
table-column
Elementas elgsis kaip lentelės stulpelis. Šios reikšmės nepalaiko Internet Explorer naršyklės.
table-column-group
Elementas elgsis kaip lentelės stulpelių grupė, <colgroup>. Šios reikšmės nepalaiko Internet Explorer naršyklės.
table-footer-group
Elementas elgsis kaip lentelės <tfoot> dalies eilučių grupė.
table-header-group
Elementas elgsis kaip lentelės <thead> dalies eilučių grupė.
table-row
Elementas elgsis kaip lentelės eilutė. Šios reikšmės nepalaiko Internet Explorer naršyklės.
table-row-group
Elementas elgsis kaip lentelės eilučių grupė. Šios reikšmės nepalaiko Internet Explorer naršyklės.
inherit
Elemento stiliai turi būti paveldimi iš tėvinio elemento. Elemento, kuriame yra šis elementas.

 

Techninė informacija

Pradinė reikšmė inline
Paveldėta ne
Kurios versijos CSS1
JavaScript išraiška object.style.display="reikšmė"
Naršyklių palaikymas ie ff opera chrome safari

Papildoma informacija: Nė viena Internet Explorer versija nepalaiko parametro inherit, inline-table, run-in, table, table-caption, table-cell, table-column, table-column-group, table-row ir table-row-group.

Perskaityta: 2722 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
žinynas    css    parametrai   
Patinka straipsnis?
Komentarai

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