コメントの枠線の調整

★　コメントの枠線の調整


◆　コメント全体枠

①　枠を変える

/* ------------------------------------------------------- */
/* コメント全体の枠を変更　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.commentArea{
border:1px solid #ff00ff;
}

②　削除

/* ------------------------------------------------------- */
/* コメント全体の枠を消す　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.commentArea{
border:none;
}

◆　コメント上部の点線

①　点線を変える

/* ------------------------------------------------------- */
/* コメント上部の点線を変更　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderHr{
border-top:1px dashed #ff00ff;
}

②　削除

/* ------------------------------------------------------- */
/* コメント上部の点線を消す　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderHr{
border-top:none;
}

◆　各コメントの点線を調整


①　点線を変える

/* ------------------------------------------------------- */
/* 各コメントの点線を調整　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderList li {
border-bottom:1px dotted #ff00ff;
}
.skinBorderHr{
border-bottom:1px dotted #ff00ff;
}

②　削除

/* ------------------------------------------------------- */
/* 各コメントの点線を消す　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderList li {
border-bottom:none;
}
.skinBorderHr{
border-bottom:none;
}

◆　各コメントを枠で囲む

①　枠で囲む

/* ------------------------------------------------------- */
/* 各コメントの点線を消す　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderList li {
border-bottom:none;
}
.skinBorderHr{
border-bottom:none;
}
/* ------------------------------------------------------- */
/* 各コメントに枠を付ける　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderList li {
border:1px solid #ff0000;
}
/* ------------------------------------------------------- */
/* 各コメントの間隔を調整する　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinBorderList li {
margin-bottom:20px;/* コメントの間隔 */
}

◆　コメントフッター上部に点線


①　点線（枠）

/* ------------------------------------------------------- */
/* コメントフッター上部に点線　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.commentFooter{
border-top:1px dotted #00ff00;
}

★　枠の例　太さ5px

solid 　　　1本線

double　　　2本線

groove　　　立体的に窪んだ線

ridge 　　　立体的に隆起した線

inset 　　　上と左が暗く　　下と右が明るく表示

outset　　　上と左が明るく　下と右が暗く表示

dashed　　　破線

dotted　　　点線