Praneškite apie mus:


CSS parametras - display

Įvertink
(0 balsai)
1 1

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

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.

Atnaujinimo Data: Pirmadienis, Gegužės 03, 2010
Skaityta 3020 kartus | Patinka? Įisimesk į savo Twiterį!
Kategorija CSS parametrai
Etiketės
Dalinkis
  • Pridėti į Delicious
  • Digg this
  • Pridėti į Reddit
  • Pridėti į StumbleUpon
  • Pridėti į Facebook
  • Pridėti į MySpace
  • Pridėti į Technorati
Lukas

Lukas

Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn

E-mail: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Login to post comments
į viršų
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: