プログラミングのお勉強（ＣＳＳ編）

<body class="center"> <div class="box550"> <DIV ALIGN=CENTER></DIV> <span class="title_style">　ＣＳＳ　Ｆｏｒ　Ｂｅｇｉｎｎｅｒ</span> <div class="right"><a href="../index-2.html" class="item">▲ＴＯＰ</a></div><br/> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="menu_title_top"><a href="css_main.html#basic_top" class="item">基礎</a></td></tr> <tr> <td class="menu_title_bottom"> </td></tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td class="menu_cell" width="100"><a href="css_main.html#basic" class="item" title="基礎">基礎</a></td> <td class="menu_cell" width="100"><a href="css_main.html#write" class="item" title="記述">記述</a></td> <td class="menu_cell" width="100"><a href="css_main.html#unit" class="item" title="単位">単位</a></td> <td class="menu_cell" width="100"><a href="css_main.html#comment" class="item" title="コメント">コメント</a></td> <td width="100"> </td> </tr> </table><br/> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="menu_title_top"><a href="attr_main1.html#attribute_top" class="item">属性</a></td></tr> <tr> <td class="menu_title_bottom"> </td></tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td colspan="5" class="menu_cell_title">文字</td></tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#font" class="item" title="font">文字一括指定</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#font_style" class="item" title="font-style">文字スタイル</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#font_variant" class="item" title="font-variant">文字変換</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#font_weight" class="item" title="font-weight">文字太さ</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#font_size" class="item" title="font-size">文字サイズ</a></td> </tr> <tr> <td class="w100"></td> <td class="menu_cell" width="100"><a href="attr_main1.html#line_height" class="item" title="line-height">行間</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#font_family" class="item" title="font-family">文字</a></td> <td width="100"></td> <td width="100"></td> </tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#color" class="item" title="color">文字色</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#letter_spacing" class="item" title="letter-spacing">文字間隔</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#text_transform" class="item" title="text-transform">文字変換</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#ime_mode" class="item" title="ime-mode">入力形式</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#ruby_align" class="item" title="ruby-align">ルビ位置</a></td> </tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#word_break" class="item" title="word-break">単語単位改行</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#line_break" class="item" title="line-break">小文字長音改行</a></td> <td width="100"></td> <td width="100"></td> <td width="100"></td> </tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td colspan="5" class="menu_cell_title">テキスト</td></tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#width" class="item" title="width">幅</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#height" class="item" title="height">高さ</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#text_align" class="item" title="text-align">横位置</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#vertical_align" class="item" title="vertical-align">縦位置</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#text_decoration" class="item" title="text-decoration">テキスト装飾</a></td> </tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#a" class="item" title="a">リンク状態</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#text_indent" class="item" title="text-indent">段落</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#float" class="item" title="float">テキスト廻り込み</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#clear" class="item" title="clear">廻り込み解除</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#display" class="item" title="display">領域属性設定</a></td> </tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#margin" class="item" title="margin">余白一括指定</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#margin_top" class="item" title="margin-top">上余白</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#margin_right" class="item" title="margin-right">右余白</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#margin_bottom" class="item" title="margin-bottom">下余白</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#margin_left" class="item" title="margin-left">左余白</a></td> </tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td colspan="5" class="menu_cell_title">背景</td></tr> <tr> <td class="menu_cell" width="100"><a href="attr_main1.html#background" class="item" title="background">背景一括指定</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#background_image" class="item" title="background-image">背景画</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#background_repeat" class="item" title="background-repeat">画像繰返し</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#background_attachment" class="item" title="background-attachment">背景スクロール</a></td> <td class="menu_cell" width="100"><a href="attr_main1.html#background_position" class="item" title="background-position">背景画位置</a></td> </tr> <tr> <td width="100"></td> <td class="menu_cell" width="100"><a href="attr_main1.html#background_color" class="item" title="background-color">背景色</a></td> <td width="100"></td> <td width="100"></td> <td width="100"></td> </tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td colspan="5" class="menu_cell_title">リスト</td></tr> <tr> <td class="menu_cell" width="100"><a href="attr_main2.html#list_style" class="item" title="list-style">リスト記号一括</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#list_style_type" class="item" title="list-style-type">リスト記号変更</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#list_style_image" class="item" title="list-style-image">リスト画像記号</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#list_style_position" class="item" title="list-style-position">リスト記号位置</a></td> <td width="100"></td> </tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td colspan="5" class="menu_cell_title">テーブル</td></tr> <tr> <td class="menu_cell" width="100"><a href="attr_main2.html#border" class="item" title="border">枠線一括指定</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#border_width" class="item" title="border-width">枠線太さ</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#border_style" class="item" title="border-style">枠線種類</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#border_color" class="item" title="border-color">枠線色</a></td> <td width="100"></td> </tr> <tr> <td class="menu_cell" width="100"><a href="attr_main2.html#table_layout" class="item" title="table-layout">表・表示方法</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#border_collapse" class="item" title="border-collapse">表セル間有無</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#padding" class="item" title="padding">文字・枠間余白</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#overflow" class="item" title="overflow">枠内溢れ制御</a></td> <td width="100"></td> </tr> </table> <table border="0" cellspacing="5" cellpadding="5" class="menu_tbl_style"> <tr> <td colspan="5" class="menu_cell_title">その他</td></tr> <tr> <td class="menu_cell" width="100"><a href="attr_main2.html#position" class="item" title="position">位置</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#z_index" class="item" title="z-index">重ね合せ順</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#visibility" class="item" title="visibility">表示非表示</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#clip" class="item" title="clip">一部表示</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#filter" class="item" title="filter">フィルタ</a></td> </tr> <tr> <td class="menu_cell" width="100"><a href="attr_main2.html#cursor" class="item" title="cursor">カーソル</a></td> <td class="menu_cell" width="100"><a href="attr_main2.html#scrollbar" class="item" title="scrollbar">スクロールバー</a></td> <td width="100"></td> <td width="100"></td> <td width="100"></td> </tr> </table> <br/><br/><br/><br/><br/> </div> </body>