ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML を理解する List_html/css_WEB-ITnose

HTML を理解する List_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:31:58
オリジナル
1153 人が閲覧しました

内容 [1] 順序なしリスト [2] 順序付きリスト [3] 定義リスト

定義

ある意味、説明的なテキストではないものはすべてリストとみなすことができます。順序なしリスト

    -> 順序リスト

    【デフォルトスタイル】

    //IE7-浏览器margin-left: 30pt;ul{    margin: 16px 0;    padding-left: 40px;    list-style-type: disc;}
    ログイン後にコピー

    【属性】

    【1】反転

    降順(IE、Safariは未対応)

    【2】start

    順序付きリストの開始項目(start属性にCSS代替なし)

    <ul>    <li>Coffee</li>    <li>Milk</li></ul>
    ログイン後にコピー

    【リスト項目フラグ】(list-itemの表示値を持つ要素に適用)

    【1】list-style-type

    リスト項目フラグタイプ

    【2】list-style-image

    リスト項目ロゴ画像

    [注1] list-style-imageがnone以外の場合、リスト-style-typeの値は上書きされます

    【注2】通常提供 画像の読み込みに失敗する予期せぬ事態に対処するための「フォールバック」フラグタイプ

    【3】list-style-position

    リスト項目フラグの位置

    【4】list-style:list-style-type list- style-image list-style-position

    リスト項目マーク複合スタイル

    <デモボックス> デモを行うには、以下の対応する属性値をクリックしてください

    [注意] IE7 ブラウザは属性値「小数点先頭」 -zero、「小ギリシャ語」、「小ラテン語」、「大ラテン語」、「アルメニア語」、「グルジア語」をサポートしていません

    define list

    -> リストの定義

    ; 表示はすべてブロックです

    //IE7-浏览器margin-left: 30pt;ol{    margin: 16px 0;    padding-left: 40px;    list-style-type: decimal;}
    ログイン後にコピー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート