□ボックス

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

○「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 後略本！

以上です　m(_ _)m

http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf

||<#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 後略本！||

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

||<#00aacc' style=' border-left:solid 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:double 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:dashed 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:dotted 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:groove 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:ridge 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:inset 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-left:outset 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！||

||<#00aacc' style=' border-bottom:solid 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:double 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:dashed 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:dotted 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:groove 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:ridge 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:inset 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！|| ||<#00aacc' style=' border-bottom:outset 10px #5555ff; padding:0px; width:560px; height:50px; font-size:20px; color:#ffffff; text-align:center;' ````【びーにぃ】の Wiki 後略本！||

日

月

火

水

木

金

土

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

【びーにぃ】の、Wiki攻略本

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

コメント（11）

トラックバック（0）

●枠線の太さと色－左右

コメント（11）

トラックバック（0）

●枠線の太さと色－上下

コメント（10）

トラックバック（1）

トラックバックされた記事

●④枠線で、左側だけ入れる

コメント（4）

トラックバック（0）

●③枠線で、下側だけ入れる

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

最新の記事一覧

最新のコメント

最新のトラックバック

過去の記事一覧

Yahoo!からのお知らせ

ブログリンク

仲間関係

Wiki文法関連

フラッシュ関連

ブログ素材

音楽関連

常連さん

ブログ関連

訪問者履歴

よしもとブログランキング