|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
○「ボックス」の設定で、個々の枠線の「色」を指定しますので、色々試してくださいね (^_-)r ○枠線一括 → border-color プロパティ ・枠線上 → border-top-color プロパティ ・枠線右 → border-right-color プロパティ ・枠線下 → border-bottom-color プロパティ ・枠線左 → border-left-color プロパティ※背景色を、「#999999」（灰色）にしました。 ※「color:white;」（文字色）を入れました。 ※「padding:0px;」（内容の外側）を「0px（ゼロ・ピクセル）」に入れました。 ※「border-width:10px;」（枠線の太さ）を入れました。 ※「border-style:outset;」（枠線の形式）を入れました。 ※【例文】の中にある「行」の「行末」を改行していますが、 必ず「改行」を消して、次の行につなげてくださいね。 ※「Yahoo.com（米国）」へ海外旅行に行きました（そのアバター写真、、、ウソです）！ (^_^ゞ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○枠線の色を、「１つの値」を指定する。 ・値→ 上下左右（red）を一つに統一する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#999999' style=' color:white; border-width:10px; border-style:outset; border-color: red;' ``●枠線の色|| ||<#999999' style=' padding:0px; border-width:10px; border-style:outset; border-color: red;' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○枠線の色を、「２つの値」を指定する。 ・値→ 上下（red）を統一し、左右（green）を統一する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#999999' style=' color:white; border-width:10px; border-style:outset; border-color: red green;' ``●枠線の色|| ||<#999999' style=' padding:0px; border-width:10px; border-style:outset; border-color: red green;' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○枠線の色を、「３つの値」を指定する。 ・値→ 上（red）を指定して、左右（green）を統一し、下（blue）を指定する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#999999' style=' color:white; border-width:10px; border-style:outset; border-color: red green blue;' ``●枠線の色|| ||<#999999' style=' padding:0px; border-width:10px; border-style:outset; border-color: red green blue;' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○枠線の色を、「４つの値」を指定する。 ・値→ 上（red）、右（green）、下（blue）、左（yellow）を、個別に指定する。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#999999' style=' color:white; border-width:10px; border-style:outset; border-color: red green blue yellow;' ``●枠線の色|| ||<#999999' style=' padding:0px; border-width:10px; border-style:outset; border-color: red green blue yellow;' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ・ちなみに、「border-color」プロパティを、個別に設定する方法も出来ます。 上：border-top-color、右：border-right-color、下：border-bottom-color、左：border-left-color 【例文】 ||<#999999' style=' color:white; border-width:10px; border-style:outset; border-top- color:red; border-right-color:green; border-bottom-color:blue; border-left-color: yellow;' ``●枠線の色|| 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 以上です m(_ _)m
|
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
●ちょこママさん＞ チョコ君の写真に、額縁みたいな枠線になると、格好良かったり面白かったりします！ 試してくださいね〜 (^_^)v
2006/5/1(月) 午後 1:30
●実香さん＞ 平坦な記事より立体の枠線を入れると、記事が広がります！ ゆっくり、試してくださいね〜 ＼(^o^)／
2006/5/1(月) 午後 1:31
●あだむさん＞ 基本的に、リンクする方法は「onClick=document.location.href="/bea_nies"」で、カーソルを動かす方法は「onMouseOver=this.style.background='tomato'」と「onMouseOut=this.style.background='#0099ff'」です。そういやぁ、「Ｊavascriptのイベント」記事が止まっていたなぁ、、、(^_^ゞ
2006/5/1(月) 午後 1:36
●まつさん＞ 文字や画像の外に枠線を入れると、とても面白くなります！ ゆっくり、試してくださいね〜 ＼(^o^)／
2006/5/1(月) 午後 1:36
●ラスタさん＞ ゆっくり、試してくださいね！ もし分からない事があったら、聞きに来てくださいね〜 (^_-)r
2006/5/1(月) 午後 1:37
●ぴーこさん＞ はぃ、どうぞどうぞ〜！ 分からない事があったら、聞きに来てくださいね〜 ＼(^o^)／
2006/5/1(月) 午後 1:37
あらまぁ、へぇーこんな技も出来るんですね！
2006/5/6(土) 午後 4:39
●タグルさん＞ かなり格好良いでしょ！ 「filter」プロパティはまだまだあるので、これから書いて行きます〜 (^_^)v
2006/5/6(土) 午後 6:18
流石ですね。いただきます。
2006/5/10(水) 午前 7:16
ぴーにぃさん、今日はボックスの勉強をさせていただきました。すごいことができるんですね！！楽しかったです^^。よく知ってらっしゃって、ほんとに感激です(#^.^#)。ありがとうございました。今から戻って練習してきますね！
2006/6/5(月) 午後 11:44 [ - ]
●LBさん＞ どうぞ、コピーして試してくださいね！ (^_-)r
2006/6/7(水) 午後 8:45
●ホットさん＞ とても綺麗な枠でした！ とても嬉しかったです〜 ＼(^o^)／
2006/6/7(水) 午後 8:50
最近この枠線が気にいって使わせて戴いております。感謝！！！致します。
2006/7/3(月) 午前 5:52 [ tannko ]
●タンコさん＞ 画像の外枠は、とても綺麗に仕上がりますよね！ 来てくれて、ありがとうございます〜 ＼(^o^)／
2006/7/4(火) 午後 1:46
その日さんの所〜訪問して来ました紅葉最中です。お久しぶりですd(^-^)ネ! お勉強させてね<(＿ ＿)>。します!?(ﾟ〇ﾟ;)ﾏ､ﾏｼﾞ
2006/9/21(木) 午後 3:06
初めまして。上の赤枠をトップページで使わせて頂きました。有り難う御座います。お暇な時に見に来て下さいね！
2006/10/4(水) 午前 7:38
●紅葉さん＞ 遅くなってごめんなさい、、、m(_ _)m
2006/10/5(木) 午後 9:18
●あーちゃん＞ 後で行きます。m(_ _)m
2006/10/5(木) 午後 9:20
凄いですね〜 これも勉強させていただきます m(＿ ＿)m ポッチ
2006/12/26(火) 午後 7:13
●オカン＞ 色んな記事を読んでくれて、本当にありがとうございます！ 嬉しいです〜 ＼(^o^)／
2006/12/28(木) 午後 1:31