Eigenschappen voor indelingTot de eigenschappen voor indeling behoren: display en white-space. Bij de voorbeelden van de verschillende eigenschappen is een afbeelding opgenomen, waarop te zien is hoe de weergave zou moeten zijn. Klik op de afbeelding en bekijk in een nieuw venster of de browser het voorbeeld (correct) ondersteunt. |
| display |
De display eigenschap bepaalt of en hoe een element wordt weergegeven. Mogelijke waarden zijn block, inline, list-item en none. Door de display eigenschap met de waarde block aan een element toe te voegen (bijvoorbeeld aan een inline element), wordt het beschouwd als was het een element op blokniveau: het element wordt omgeven door een box, die volgens de gebruikelijke regels voor elementen op blokniveau wordt weergegeven. Het element begint en eindigt dus met de overgang naar een nieuwe regel. De eigenschap display met de waarde inline, zorgt ervoor dat het element beschouwd wordt als inline element en geplaatst wordt op dezelfde regel als de voorgaande inhoud. Indien het gaat om tekst, dan mag deze over meerdere regels doorlopen. De waarde list-item is vergelijkbaar met de waarde block, alleen wordt een markering toegevoegd. De eigenschap display met de waarde none zorgt ervoor dat het element (inclusief de box waardoor het wordt omgeven en eventuele child elementen) niet wordt weergegeven. De beginwaarde is block. De eigenschap kan gebruikt worden voor alle elementen en wordt niet geërfd. De display eigenschap wordt niet ondersteund door Microsoft Internet Explorer 3. Door Microsoft Internet Explorer 4 wordt alleen de waarde none ondersteund. Netscape Navigator 4 geeft de waarden block, inline en list-item niet correct weer. De opbouw is: display: waarde
|
| De eigenschap display: none zorgt ervoor dat een element als niet aanwezig wordt beschouwd. | |
<P>Een deel <SPAN STYLE="display: none">van de zin</SPAN> wordt niet weergegeven.</P>
|
|
| white-space |
De white-space eigenschap bepaalt hoe de witruimte (bijvoorbeeld spaties) binnen een element wordt weergegeven. Mogelijke waarden zijn normal, pre en nowrap. De white-space eigenschap met de waarde normal zorgt ervoor dat de witruimte op de normale wijze wordt weergegeven: meerdere spaties worden samengevoegd tot één spatie. Bij de waarde pre is de weergave overeenkomstig het PRE element, dus met een vaste opmaak. Bij de waarde nowrap wordt de inhoud niet afgebroken en moet de overgang naar een nieuwe regel bepaald worden met het BR element. De beginwaarde is normal. De eigenschap kan gebruikt worden voor alle elementen op blokniveau en wordt geërfd. De white-space eigenschap wordt niet ondersteund door Microsoft Internet Explorer 3 en 4. De waarde nowrap wordt niet door Netscape Navigator 4 ondersteund. De opbouw is: white-space: waarde
|
| Met de white-space: pre eigenschap moet de tekst worden weergegeven, zoals deze staat opgenomen in het HTML-document, dus met dezelfde witruimte en overgangen naar nieuwe regels. | |
<P STYLE="white-space:
pre">Dit is
|
|
| Met de white-space: normal eigenschap moet de tekst worden weergegeven, zoals gebruikelijk voor bijvoorbeeld het P element. Dat wil zeggen dat alle extra witruimte en niet noodzakelijke of via het BR element geforceerde overgangen naar nieuwe regels worden genegeerd. | |
<PRE STYLE="white-space:
normal">Dit is
|
|
|
|
