Loose-Info.com

Last Update 2019/12/25


TOP - CSS1(Cascading Style Sheets, level 1) - border-bottom

下端のボーダーに関連するスタイルをまとめて設定します。

下記の項目を順番に関係なく任意に記述します。
border-bottom-width
border-style
border-color

(例)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- .test1 {font: 24pt monospace; border-bottom: solid} .test2 {font: 24pt monospace; border-bottom: solid fuchsia} .test3 {font: 24pt monospace; border-bottom: thick solid red} .test4 {font: 24pt monospace; border-bottom: dotted thick blue} .test5 {font: 24pt monospace; border-bottom: green dashed thick} --> </STYLE> </HEAD> <BODY> <P><SPAN class="test1">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test2">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test3">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test4">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test5">abcde あいうえお</SPAN></P> </BODY> </HTML>