1.normal - ignorar todos os espaços extra e todos os retornos do carro
espaços extra do al do preserve 2.pre- e todos os retornos do carro
3.nowrap - não quebrar o elemento através das linhas

Código do CSS do branco-espaço “normal”

<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>

visibilidade

Para especificar se um elemento é visível ou escondido, esta propriedade é usada.

Isto significa se um elemento mostra acima no original ou não, você pode especificar. Isto significa que você pode criar os elementos escondidos que se tornam visíveis quando determinados eventos ocorrem.

O código do CSS com visibilidade ajustou-se ao “escondido”.

<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>

Visível é o defeito. Esta propriedade é usada o mais geralmente com o cliente-lado que scripting para o HTML dinâmico.

exposição

Para especificar como as exposições de um elemento, a propriedade da exposição são usadas. Define, em um sentido, que tipo do elemento é. Você não se espera realmente saber este trabalha ainda, meramente isso que.

Faz exame de um dos seguintes valores:

nenhuns - não indicar

bloco

inline

lista-artigo

run-in - funcionamentos do artigo no seguinte índice, como um título inline

estojo compacto

marcador

tabela

inline-tabela

tabela-fileira-grupo

tabela-encabeçamento-grupo

tabela-footer-grupo

tabela-fileira

tabela-coluna-grupo

coluna da tabela

tabela-pilha

tabela-subtítulo

Para páginas dinâmicas do HTML, o único lugar você verá atualmente esta propriedade usada em um XHMTL documentar como os menus desmoronar (ou parte superior), onde a propriedade lanç-flopped entre nenhuns e (geralmente) o bloco.

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

Está aqui uma tabela 2x2. Sem o uso de Tag da tabela, é feita. Algumas divisões são usadas, modificado com a exposição: propriedade. Se seu browser não suportar usando a exposição então você não pode ver uma grade 2x2 de pilhas da tabela, então: propriedade esta maneira com XHTML. Anotar que esta não é uma prática recomendada, mas makes para um exemplo bom.

<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>

O seguinte exemplo que cría um menu horizontal

Código do CSS

<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>

A tabela follwing descreve as propriedades da classificação:

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