CSS parametras - display

Lukas

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

p {
  display:inline;
}
 
/* 
dažnai horziontalūs meniu punktai būna padaromi li 
elementams priskiriant display:inline reikšmę.
*/
 
li {
  display:inline;
}

<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

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.