font-sizeプロパティは、フォントのサイズを指定する際に使用します。
span.sample1 {font-size: 12px;
}
span.sample2 {font-size: 12em;
}
span.sample3 {font-size: 12ex;
}
span.sample4 {font-size: 80%;
}
span.sample5 {font-size: 100%;
}
span.sample6 {font-size: 120%;
}
span.sample7 {font-size: xx-small;
}
span.sample8 {font-size: x-small;
}
span.sample9 {font-size: small;
}
span.sample10 {font-size: medium;
}
span.sample11 {font-size: large;
}
span.sample12 {font-size: x-large;
}
span.sample13 {font-size: xx-large;
}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<span class=”sample1″>文字の大きさ12px</span><br>
<span class=”sample2″>文字の大きさ12em</span><br>
<span class=”sample3″>文字の大きさ12ex</span><br>
<span class=”sample4″>文字の大きさ80%</span><br>
<span class=”sample5″>文字の大きさ100%</span><br>
<span class=”sample6″>文字の大きさ120%</span><br>
<span class=”sample7″>文字の大きさxx-small</span><br>
<span class=”sample8″>文字の大きさx-small</span><br>
<span class=”sample9″>文字の大きさsmall</span><br>
<span class=”sample10″>文字の大きさmedium</span><br>
<span class=”sample11″>文字の大きさlarge</span><br>
<span class=”sample12″>文字の大きさx-large</span><br>
<span class=”sample13″>文字の大きさxx-large</span>
</body>
</html>
文字の大きさ12px
文字の大きさ12em
文字の大きさ12ex
文字の大きさ80%
文字の大きさ100%
文字の大きさ120%
文字の大きさxx-small
文字の大きさx-small
文字の大きさsmall
文字の大きさmedium
文字の大きさlarge
文字の大きさx-large
文字の大きさxx-large
