●枠線を別々にする－上下のスタイル ( ホームページ ) - 【びーにぃ】の、Wiki攻略本

●枠線を別々にする－上下のスタイル

○「border」プロパティで、４辺の枠線を見る事は出来ました。
　今回、４辺の枠線を上下に、しかも別のスタイルを入れる方法を紹介します。

※ここの中でテキストを「コピー」して、貴方の記事で「ペースト」すれば、簡単に作れます。
※但し、途中のテキストに行末が改行されてしまうので、必ず途中の改行を削除してください。

○上側の「border-top-width」、「border-top-style」、
　下側の「border-bottom-width」、「border-bottom-style」を入れる。

※「border」プロパティのスタイル（style）は、８種類あります。

【例文】

||<#00aacc' style=' border-top-width:20px; border-top-style:double; border-bottom-
width:10px; border-bottom-style:solid; border-color:blue; padding:20px; width:
560px; height:40px; font-size:20px; color:white; text-align:center;' ``【びーにぃ】
の Wiki 後略本！||

||<#00aacc' style=' border-top-width:20px; border-top-style:dotted; border-bottom-
width:10px; border-bottom-style:dashed; border-color:blue; padding:20px; width:
560px; height:40px; font-size:20px; color:white; text-align:center;' ``【びーにぃ】
の Wiki 後略本！||

||<#00aacc' style=' border-top-width:20px; border-top-style:ridge; border-bottom-
width:10px; border-bottom-style:groove; border-color:blue; padding:20px; width:
560px; height:40px; font-size:20px; color:white; text-align:center;' ``【びーにぃ】
の Wiki 後略本！||

||<#00aacc' style=' border-top-width:20px; border-top-style:inset; border-bottom-
width:10px; border-bottom-style:outset; border-color:blue; padding:20px; width:
560px; height:40px; font-size:20px; color:white; text-align:center;' ``【びーにぃ】
の Wiki 後略本！||

【実際】

【びーにぃ】の Wiki 後略本！