書式 text-transform:表示方法
対象全ての要素
継承する
初期値 none
解説
英文字を大文字または小文字で表示します。
| 設定名 | 種類 |
|---|
| none | 通常 |
| capitalize | 単語の先頭の文字を大文字、それ以外を小文字にする |
| uppercase | 大文字にする |
| lowercase | 小文字にする |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; top:10;left:10px;
text-transform:uppercase;
}
--></style>
</head>
<body>
<img src="Default.png">
<div>サンプルテキストです。<br>Sample Text</div>
</body>
</html>