Du mu�t die Anzeige Eigenschaften eines Elements ausdr�cklich spezifizieren, oder die Datenbanksuchroutine kann nicht es anzeigen, um XML Dokumente zu formatieren.

Wei�raum

Um zu spezifizieren wie der wei�e Raum im Code eines Elements behandelt werden sollte, wird das Wei�raum Attribut verwendet.

Es nimmt einen von drei m�glichen Werten:

1.normal - alle Extrar�ume und alle Wagenr�ckkehr ignorieren
Al-Extrar�ume der Konserve 2.pre- und alle Wagenr�ckkehr
3.nowrap - das Element �ber Linien nicht brechen

CSS Code �des normalen� Wei�raumes

<p style="white-space: normal;">
Duis autem vel eum iriure dolor
in hendrerit in vulputate velit
esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis.
</p>

Sicht

Um zu spezifizieren ob ein Element sichtbar oder versteckt ist, wird diese Eigenschaft benutzt.

Dies hei�t, ob ein Element oben im Dokument oder nicht zeigt, du kann spezifizieren. Dies hei�t, da� du versteckte Elemente verursachen kannst, die sichtbar werden, wenn bestimmte F�lle auftreten.

CSS Code mit Sicht stellte auf �versteckt� ein.

<p style="visibility: hidden;">
Duis autem vel eum iriure dolor
in hendrerit in vulputate velit
esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis.
</p>

Ist die R�ckstellung sichtbar. Diese Eigenschaft ist mit der Klientseite allgemein am verwendetsten, die f�r dynamisches HTML scripting ist.

To specify how an element displays,the display property is used . It defines, in a sense, what kind of element it is. You are not really expected to know how this works yet, merely that it does.

It takes one of the following values:

none - do not display

block

inline

list-item

run-in - item runs into the following content, like an inline heading

compact

marker

table

inline-table

table-row-group

table-header-group

table-footer-group

table-row

table-column-group

table column

table-cell

table-caption

F�r dynamische HTML Seiten der einzige Platz siehst du z.Z. diese Eigenschaft, die in einem XHMTL benutzt wird, als Einst�rzen (oder Maschinenh�lfte) Men�s zu dokumentieren, in denen die Eigenschaft zwischen keinen und (normalerweise) Block leicht schlagen-geplumpst wird.

<h3 style="display: run-in;">Example:</h3> <h4 style="float: left;">Example:</h4>

Ist hier eine Tabelle 2x2. Ohne den Gebrauch der Tabelle Umbauten, wird sie gebildet. Etwas Abteilungen wird verwendet, ge�ndert mit der Anzeige: Eigenschaft. Wenn deine Datenbanksuchroutine sich nicht mit der Anzeige dann st�tzt, kannst du nicht ein Rasterfeld 2x2 der Tabelle Zellen sehen, dann: Eigenschaft diese Weise mit XHTML. Merken, da� dieses nicht empfohlenes �blich ist, aber Marken f�r ein gutes Beispiel.

<div style="display: table;">
<div style="display: table-row;">
<div style="display: table-cell;">
Here is a 2x2 table.
</div>
<div style="display: table-cell;">
It is made without the use of table tags. ...
</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
If you don't see a 2x2 grid of table cells, ...
</div>
<div style="display: table-cell;">
Note that this is not a recommended practice, ...
</div>

Das folgende Beispiel, das ein horizontales Men� verursacht

CSS Code

<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
</style>
</head>

<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

<p>
In the example above, we let the the a element float to the left and ul element .
In inline elements ,the li elements will be displayed(no line break before or after the element). This forces the list to be on one line.
The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).
To make it more fancy,we add some colors and borders .
</p>

</body>
</html>

Die follwing Tabelle beschreiben die Klassifikation Eigenschaften:

Property	Description	values
clear	Sets the sides of an element where other floating elements are not allowed	left right both none
cursor	Specifies the type of cursor to be displayed	url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help
display	Sets how/if an element is displayed	none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption
float	Sets where an image or a text will appear in another element	left right none
position	Places an element in a static, relative, absolute or fixed position	static relative absolute fixed
visibility	Sets if an element should be visible or invisible	visible hidden collapse