1本の線で描写されます。隙間が大きめの破線で境界線を描写します。隙間が小さめの破線で境界線を描写します。2本の線で描写されます。彫り込まれているような境界線で描写されます。『ridge』と逆の描写です。彫り上がっているような境界線で描画されます。『groove』と逆の描写です。埋め込みされているような境界線で描写されます。『outset』と逆の描写です。浮き上がっているような境界線で描写されます。『inset』と逆の描写です。境界線の太さを『px』などで指定できます。『thin』(細い)というキーワードで指定します。一般的なブラウザでは1pxで表示されますがブラウザによって多少の差があります。『medium』(中間)というキーワードで指定します。一般的なブラウザでは3pxで表示されますがブラウザによって多少の差があります。『border-width』に関する値が指定されていない場合はこれが初期値となります。『thick』(厚い)というキーワードで指定します。一般的なブラウザでは5pxで表示されますがブラウザによって多少の差があります。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。bold;">高さ100px、パディング10pxのdiv要素です。境界線に関するプロパティである『border-color』プロパティ、『border-style』プロパティ、『border-width』プロパティをまとめて指定できます。指定の順番は順不同で問題ありません。『border-bottom』プロパティを記述した場合、値として指定していない下部の境界線に関する項目は初期値としてリセットされます。『border-bottom』プロパティを記述した場合、前に書いてある下部の境界線に関する項目は全てリセットされるということになります。bold;">高さ100px、パディング10pxのdiv要素です。</div>下部の境界線を何かしら表示したい場合、『border-style』プロパティに関する項目は必ず指定する必要があります。『border-style』プロパティの初期値は太さ0の『none』となっている為、何かの値を指定しない限り境界線の描写は行われません。記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。TechAcademy(テックアカデミー)当サイト著者の桜舞春人もメンター(先生)としてちょろりと参加しているTechAcademyさんです。爆速で技術を習得して結果を出したいと考える方に超絶おすすめです。紹介記事はこちらへどうぞ。トップページへTweetシェアIntroduction当サイトでは有料会員様の募集をしております。現在約431本の記事を公開中です。有料会員になるとこれら全ての記事が読み放題となります。ご購入下されば幸いです。有料会員権はまとめ買いがお得です。