今日の人気記事

まだデータがありません。

a要素 - targetコンテンツ属性の値と概要

当ページのリンクには広告が含まれています。

スポンサーリンク

ここでは、a要素の targetコンテンツ属性の値と概要についてみていきます。

targetコンテンツ属性の値と概要

a要素の targetコンテンツ属性では HTMLドキュメントのリストマーカーを指定します。

概要
_selfアラビア数字(1, 2, 3, ...)
_parentアルファベットの小文字(a, b, c, ...)
_topアルファベットの大文字(A, B, C, ...)
_blankローマ数字の小文字(i, ii, iii, ...)

type属性を指定しない場合はアラビア数字になります。

使用例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ol要素 - typeコンテンツ属性の値と概要</title>
</head>
<body>
<h1>ol要素 - typeコンテンツ属性の値と概要</h1>

<h2>指定なし</h2>
<ol>
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ol>

<h2>type="1" アラビア数字</h2>
<ol type="1">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ol>

<h2>type="a" アルファベットの小文字</h2>
<ol type="a">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ol>

<h2>type="A" アルファベットの大文字</h2>
<ol type="A">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ol>

<h2>type="i" ローマ数字の小文字</h2>
<ol type="i">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ol>

<h2>type="I" ローマ数字の大文字</h2>
<ol type="I">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ol>

</body>
</html>

表示

ol-type-01