Esprit's Style

〆 リストの設定をします

１.リストをまとめて設定
　　list-style:list-style-type　list-style-image　list-style-position

@sample.ccs ul{ list-style:disc url(～.gif) inside; }

中国史 　File　　Edit　　Tool　　Help 前漢(長安) 高祖(劉邦) 新 王莽 後漢(洛陽) 光武帝(劉秀) 魏(曹操,曹丕), 呉(孫権), 蜀(劉備) 晋 武帝(司馬炎) 五胡十六国 北魏, 南北朝 隋 文帝(楊堅), 煬帝 唐(長安) 高祖(李淵), 太宗(李世民), 高宗    五代十国 宋(開封) 太祖(趙匡胤) 金(燕京(北京)), 南宋(臨安) 元(大都(北京)) フビライハン 明(金陵(南京)) 洪武帝(朱元璋) 清(瀋陽) ヌルハチ、ホンタイジ 中華民国 孫文

２.リストのマーカー、番号の形式の形状を指定します。
　　list-style-type:disc ; /* 塗りつぶされた丸 */
　　　　　　　circle ; /* 丸 */
　　　　　　　square ; /* 四角 */
　　　　　　　lower-roman ; /* ローマ数字の小文字 */
　　　　　　　upper-roman ; /* ローマ数字の大文字 */
　　　　　　　lower-greek ; /* ギリシャ文字の小文字 */
　　　　　　　decimal ; /* 算用数字 */
　　　　　　　decimal-leading-zero; /* 頭に 0 をつけた算用数字 */
　　　　　　　lower-latin,lower-alpha /* アルファベットの小文字 */
　　　　　　　upper-latin,upper-alpha /* アルファベットの大文字 */
　　　　　　　cjk-ideographic /* 漢数字 */
　　　　　　　hiragana /* あ い う */
　　　　　　　katakana /* ア イ ウ */
　　　　　　　hiragana-iroha /* い ろ は */
　　　　　　　katakana-iroha /* イ ロ ハ */

@sample.ccs /* マーカーの指定 */ ul{ list-style-type: square; } ol{ list-style-type: hiragana; }

CCS scrollbar 　File　　Edit　　Tool　　Help disc square circle lower-roman upper-roman hiragana katakana-iroha

３.リストのマーカーを画像にする。
　　list-style-image:url(～.png);

@sample.ccs /* マーカーの指定(url) */ ul{ list-style-image:url(～.gif); }

日本銀行券 　File　　Edit　　Tool　　Help 福澤諭吉・鳳凰像 樋口一葉・燕子花図（尾形光琳） 紫式部・源氏物語絵巻,首里城守礼門 野口英世・富士山,サクラ 福澤諭吉・キジ 新渡戸稲造・富士山 夏目漱石・たんちょう 岩倉具視・富士山

４.リストのマークの表示位置を設定
　　list-style-posision: outside / inside /* 外側(default)/ 内側 */

@sample.ccs /* マーカーの位置 */ ol{ list-style-posision: inside; } ul{ list-style-posision: outside; }

モンテローザ / マルシェ株式会社 　File　　Edit　　Tool　　Help Inside 白木屋 魚民 和民 笑笑 Outside 居心伝 酔虎伝 炭火焼八剣伝