Ombre portée

box-shadow

Ombre portée sur le contour d'un élément.

CSS

	
	div {
		background-color: #8cc03b;
		padding: .6em;
		width: 150px;
		text-align: center;
		-moz-box-shadow: 3px 3px 8px black;
		-webkit-box-shadow: 3px 3px 8px black;
		box-shadow: 3px 3px 8px black;
		}
	

HTML

	
	<div>
		<p>Lorem ipsum</p>
	</div>
	

Compatibilité

Internet Explorer 8 ignore cette propriété

text-shadow

Ombre portée sur le texte contenu.

CSS

	
	div {
		text-shadow: 2px 2px 2px black;
		background-color: #8cc03b;
		padding: .6em;
		width: 150px;
		text-align: center;
		}
	

HTML

	
	<div>
		<p>Lorem ipsum</p>
	</div>
	

Compatibilité

Internet Explorer 8 et 9 ignorent cette propriété

Page de tests