Easy CSS (block)

■■■■■■■
CSS を使った書式設定は、HTML tag を直接書くのに比べると、わかりづらいという人もいるだろう。細かい制御が可能になっているだけに、項目が多くて、思い通りのイメージに仕上げるまでの試行錯誤に手間がかかることもある。
このページでは、Java Script を利用して、style sheet を動的に変化させる。CSS に指定する文字列を手軽に得るための道具として利用してみてはどうだろう。 なお、このページは、Block 要素の Border 付近の構造に視点を置いている。
■■■■■■■
■■■■■■外側の要素■
内側の要素
■外側の要素■■■■■■
margin
*margin-top
*margin-bottom
*margin-left
*margin-right
height
width
padding
*padding-top
*padding-bottom
*padding-left
*padding-right
text-indent
text-align
border-width
border-style
border-color
*border-top
*border-bottom
*border-left
*border-right
background-color
color
font-size