|
text-transform: 大文字・小文字 |
[大文字・小文字の指定] | |
uppercase | すべての文字を大文字で表示 |
lowercase | すべての文字を小文字で表示 |
capitalize | 各単語の先頭の文字だけを大文字で表示 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title>CSS覚書</title> <style type="text/css"> <!-- #sample1 { text-transform: lowercase } #sample2 { text-transform: uppercase } #sample3 { text-transform: capitalize } h2 { color: #ff6600; background: #ffffff } --> </style> </herd> <body> <h1>全体を大文字または小文字で表示させる</h1> <h2>lowercase</h2> <p id="sample1"> CAPITALZATION EFFECTS OF AN ELEMENT'S TEXT. </p> <h2>uppewcase</h2> <p id="sample2"> capitalization effects of an element's text. </p> <h2>capitalize</h2> <p id="sample3"> capitalization effects of an element's text. </p> </body> </html> |