list

英[lɪst] 美[lɪst]

n.リスト、カタログ; 斜め; 布の端、布の端; 細い帯

vt. リストする、含める; コンパイル... テーブルにまとめる; リストに記録する

vi. テーブル上のリスト

三人称単数: リスト 複数: リスト 現在分詞: リスト過去形: リスト過去分詞:listed

style

英[staɪl] 美[staɪl]

n. スタイル; スタイル; ファッション; 楽器、味

vt. デザインする; 名前をつける; 形にする...

vi. 人気のスタイルに準拠する; 彫刻刀で装飾的な絵を描く

三人称単数:styles 複数形:stylesnow 分詞:styles 過去形:styled 過去分詞:styled

position

英[pəˈzɪʃn] 美[pəˈzɪʃən]

n. 位置、方向; ステータス、地位; 態度; 状態

vt. 場所; 適切な位置に...置く; 位置...; 軍隊を駐屯させる

三人称単数: ポジション 複数形: ポジション 現在分詞: ポジション 過去形: ポジション 過去分詞: ポジション

css list-style-position属性 構文

機能:リスト項目マークを配置する場所を設定します。

説明: この属性は、リスト項目のコンテンツに対するリスト マークの位置を宣言するために使用されます。外側のフラグはリスト項目の境界から一定の距離に配置されますが、この距離は CSS では定義されていません。内部フラグは、リスト項目のコンテンツの先頭に挿入されたインライン要素であるかのように扱われます。

注: すべてのブラウザは list-style-position 属性をサポートしています。

css list-style-position属性 例

<html>
<head>
<style type="text/css">
ul.inside 
{
list-style-position: inside
}

ul.outside 
{
list-style-position: outside
}
</style>
</head>

<body>
<p>该列表的 list-style-position 的值是 "inside":</p>
<ul class="inside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>

<p>该列表的 list-style-position 的值是 "outside":</p>
<ul class="outside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
</body>
</html>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します