Loose-Info.com

Last Update 2019/12/25


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

要素のボーダーの線種を指定します。
デフォルトはnoneです。

設定値
none : 無し dotted : 点線 dashed : 破線 solid : 実線 double : 二重線 groove : 溝型線(3D) ridge : 山型線(3D) inset : タグの領域全体が1層下がり(3D) outset : タグの領域全体が1層上がり(3D)

(例)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- .test1 {font: 24pt monospace; border-style: none; border-width: thick} .test2 {font: 24pt monospace; border-style: dotted; border-width: thick} .test3 {font: 24pt monospace; border-style: dashed; border-width: thick} .test4 {font: 24pt monospace; border-style: solid; border-width: thick} .test5 {font: 24pt monospace; border-style: double; border-width: thick} .test6 {font: 24pt monospace; border-style: groove; border-width: thick} .test7 {font: 24pt monospace; border-style: ridge; border-width: thick} .test8 {font: 24pt monospace; border-style: inset; border-width: thick} .test9 {font: 24pt monospace; border-style: outset; border-width: 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> <BR> <P><SPAN class="test6">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test7">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test8">abcde あいうえお</SPAN></P> <BR> <P><SPAN class="test9">abcde あいうえお</SPAN></P> </BODY> </HTML>