HTMLDOMスタイルのlistStyleプロパティ
HTML DOMスタイルのlistStyleプロパティは、list-style-type、list-style-position、list-style-imageという名前の3つのプロパティを設定または返すために使用されます。
以下は、-
の構文です。listStyleプロパティの設定-
object.style.listStyle = "type position image|initial|inherit"
上記の特性は次のように説明されます-
| パラメータ | 説明 |
|---|---|
| 画像 | |
| 初期 | |
| 継承 |
listStyleプロパティの例を見てみましょう-
例
<!DOCTYPE html>
<html>
<head>
<script>
function changeListStyle() {
document.getElementById("LIST1").style.listStyle = "upper-roman";
document.getElementById("Sample").innerHTML="The list style has been changed to upper Roman";
}
</script>
</head>
<body>
<ul id="LIST1">
<li>MANGO</li>
<li>GUAVA</li>
<li>LITCHI</li>
<li>WATERMELON</li>
</ul>
<p>Click the below button to change the list style for the above div</p>
<button type="button" onclick="changeListStyle()">Change list style</button>
<p id="Sample"></p>
</body>
</html> 出力
「リストスタイルの変更」をクリックすると 」ボタン-
-
HTMLDOMスタイルtransformOriginプロパティ
HTML DOMスタイルのtransformOriginプロパティは、2Dまたは3D変換を返し、HTMLドキュメントの要素に適用します。 構文 以下は構文です- transformOriginを返す object.style.transformOrigin transformOriginの変更 object.style.transformOrigin = “value” 値 ここで、値は-になります。 値 説明 継承 このプロパティ値は親要素から継承されます。 初期 このプロパティ値をデフォルト値に設定します。 x軸y軸z軸 ビュー
-
HTMLDOMスタイルの引用符プロパティ
HTML DOMスタイルのquotesプロパティは、HTMLドキュメントで引用符を囲むための引用符のタイプを返し、変更します。 構文 以下は構文です- 引用符を返す object.style.quotes 見積もりの変更 object.style.quotes = “value” 値 ここで、値は-になります。 値 説明 継承 このプロパティ値は親要素から継承されます。 初期 このプロパティ値をデフォルト値に設定します。 なし 引用に使用されるデフォルトのマーク（“”）を設定します。 文字列文字列 文字列文字列 引