hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

罫線1

罫線はborderで指定し、

20パターン用意されている。

 

◉線種類

 ● 上下左右 : border-style

 ● 上    : border-top-style

 ● 下    :    border-bottom-style

 ● 左    :    border-left-style

 ● 右       :   border-right-style

 

◉線の太さ

 ● 上下左右 :   border-width

 ● 上    :   border-top-width

 ● 下    :   border-bottom-width

 ● 左    :   border-left-width

 ● 右    :   border-right-width

 

◉線の色

 ● 上下左右 :   border-color

 ● 上    :   border-top-color

 ● 下    :   border-bottom-color

 ● 左    :   border-left-color

 ● 右    :   border-right-color

 

◉種類・太さ・色

 ● 上下左右 :  border

 ● 上    :  border-top

 ● 下    :  border-bottom

 ● 左    :  border-left

 ● 右    :  border-right

 

 

border-style では、上下左右なので、

文字が囲われることになる。