HTML DOM fontSize 属性

定义和用法

fontSize 属性设置元素的字体大小。

语法:

  1. Object.style.fontSize=value

可能的值

描述
- xx-small - x-small - small - medium - large - x-large - xx-large 把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。 默认值:medium。
smaller 把 font-size 设置为比父元素更小的尺寸。
larger 把 font-size 设置为比父元素更大的尺寸。
length 把 font-size 设置为一个固定的值。
% 把 font-size 设置为基于父元素的一个百分比。

实例

本例改变文本的字体大小:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function setFontSize()
  5. {
  6. document.getElementById("p1").style.fontSize="larger";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <p id="p1">This is an example paragraph.</p>
  13.  
  14. <input type="button" onclick="setFontSize()"
  15. value="Change font-size" />
  16.  
  17. </body>
  18. </html>