htmlstyle属性的用法 HTML DOM Style fontStyle 属性

2023-03-24 09:30

htmlstyle属性的用法

htmlstyle属性是一种用于在HTML文档中定义样式的属性。它可以用来指定元素的颜色、字体、大小、位置等样式。htmlstyle属性可以在任何HTML元素上使用，包括表格、表单、图片、文本框等。

<div style="background-color: #FF0000; font-size: 12px;"> 
    这是一个div元素，背景颜色为红色，字体大小为12px 
</div>

上面的代码中，我们使用了htmlstyle属性来定义div元素的背景颜色和字体大小。在style属性中，我们可以使用CSS语法来定义样式，例如background-color表示背景颜色；font-size表示字体大小。

此外，htmlstyle属性还可以用于定义元素的布局方式。例如，我们可以使用position属性来定义元素的位置；width和height属性来定义元素的宽度和高度；margin和padding来定义元素之间的间距。

 
<div style="position: absolute; width: 200px; height: 100px;"> 
    这是一个div元素，位于文档中心（200x100px) 
</div>

上面的代码中，我们使用了htmlstyle属性来定义div元素的布局方式。position表明该div将相对于文档流进行布局；width表明该div将占200px的水平方向上的宽度；height表明该div将占100px的竖直方向上的高度。

HTML DOM Style fontStyle 属性

Style fontStyle 属性

Style 对象

定义和用法

fontStyle 属性设置或返回字体样式是否是 normal（正常的）、italic（斜体）或 oblique（倾斜的）。

语法

设置 fontStyle 属性：

Object.style.fontStyle="normal|italic|oblique|inherit"

返回 fontStyle 属性：

Object.style.fontStyle

值	描述
normal	默认。字体是 normal（正常的）。
italic	字体是 italic（斜体）。
oblique	字体是 oblique（倾斜的）。
inherit	fontStyle 属性的值从父元素继承。

浏览器支持

所有主要浏览器都支持 fontStyle 属性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

更改字体为斜体：

<html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.fontStyle="italic";
}
</script>
</head>
<body>

<p id="p1">This is some text.</p>
<br>

<button type="button" onclick="displayResult()">Change font style</button>

</body>
</html>

Style 对象

阅读全文