戻るホーム次へ

Text Shadow

Text Shadow

<!DOCTYPE html>
<html>
<head>
<style> 
h2#shadow{
	font-size:36px;
	font-weight:bold;
	text-shadow: 5px 5px 5px #FF0000;
}

</style>
</head>
<body>
<h3>Text Shadow</h3>
<h2 id="shadow">Text Shadow</h2>

</body>
</html>

word-wrap（単語の途中での改行を指定）

word-wrap 未指定

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

word-wrap 指定

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

<!DOCTYPE html>
<html>
<head>
<style> 
p.nowrap{
	width:11em; 
	border:1px solid #000000;
}
p.wrap{
	width:11em; 
	border:1px solid #000000;
	word-wrap:break-word;
}
</style>
</head>
<body>
<h3>word-wrap（単語の途中での改行を指定）</h3>
<div>
<h4>word-wrap 未指定</h4>
<p class="nowrap"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. 
The long word will break and wrap to the next line.</p>
<h4>word-wrap 指定</h4>
<p class="wrap"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. 
The long word will break and wrap to the next line.</p>
</body>
</html>