○「border」プロパティで、４辺の枠線を見る事は出来ました。
今回、４辺の枠線に太さと色を、個々の左右に入れる方法を紹介します。
※ここの中でテキストを「コピー」して、貴方の記事で「ペースト」すれば、簡単に作れます。
※但し、途中のテキストに行末が改行されてしまうので、必ず途中の改行を削除してください。
○上側の「border-left-width」と「border-left-color」、
下側の「border-right-width」と「border-right-color」を入れる。
※「border」プロパティのスタイル（style）を、８種類入れました。
【例文】
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:solid; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:double; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:dashed; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:dotted; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:groove; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:ridge; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:inset; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-left-width:12px; border-left-color:blue; border-right-width:
10px; border-right-color:red; border-style:outsete; padding:20px; width:560px; height:
60px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
【実際】
| 【記事作成 ＞ びーにぃc http：//blogs.yahoo.co.jp/bea_nies 】 |
|
お久しぶりで〜す。びーにぃさん♪またまた面白い手法ですね。左右の柄（線）が色々で面白いです。是非使わせてくださいね。
2006/8/8(火) 午後 9:27
いつもほんとに勉強になります！！どうもありがとう！！
2006/8/8(火) 午後 11:44
●ちょこママ＞ 結構、面白いでしょ！ 試してくださいね〜 (^_^)v
2006/8/11(金) 午後 2:11
●ももままさん＞ もし分からない事があったら、聞きに来てくださいね！ (^_-)r
2006/8/11(金) 午後 2:27
これ、すごい技ですね。早速やってみたくなりました。
2006/8/12(土) 午後 6:36
●水さん＞ ゆっくり試してくださいね。もし分からない事があったら、質問してくださいんね！ (^_^)v
2006/8/13(日) 午後 1:54
ご丁寧にありがとうございます。早速さきほど添付してくださったところに行って見ますありがとうございました。
2006/8/13(日) 午後 2:48
○水さん＞ 記事の中にここのようにアクセントを入れると、とても良い記事になると思います。頑張ってください〜 (^_^)v
2006/8/14(月) 午前 11:10
いつも勉強になります〜♪チャレンジしてみようと思います。
2006/9/4(月) 午後 0:46
●びぃ吉さん＞ ゆっくり試してくださいね。よろしくです〜 (^_-)r
2006/9/4(月) 午後 1:49
これも コピーさせて戴きました m(＿ ＿)m ポッチ
2006/12/26(火) 午後 7:06