トップA-Nトップ 新規新規 一覧(更新)一覧(更新) 一覧(名前)一覧(名前) 検索検索 ヘルプヘルプ RSSRSS

SPAN&DIV 拡張プラグイン テストの変更点

[通常ページへ戻る]　[通常差分表示]　[Wikiスタイルで差分表示]　[Wikiスタイルで差分表示(削除の表示無し)]

表記

= 変更なし
+ 追加
- 削除
同一行で追加削除があれば変更。

変更点

  1:= divプラグイン、spanプラグインのテストページです。
  2:= 
  3:- 指定に外部urlを使う事は出来ません。{{br}}
  3:=  {{div 属性,属性値,Wiki書式の文}}
  4:- 管理者の素材用url(homepage3.nifty.com/%7Eio/fswiki-l/sozai/)を指定する場合は「<url>」とします。{{br}}
  3:+  {{div 属性,属性値,Wiki書式の文}}
  4:+  {{span 属性,属性値,Wiki書式の文}}
  5:= 
  6:+ 属性値に外部urlを使う事は出来ません。{{br}}
  7:+ 属性値で管理者の素材用url(homepage3.nifty.com/%7Eio/fswiki-l/sozai/)を指定する場合は「<url>」とします。{{br}}
  8:+ 属性値でページに添付した素材を指定する場合は「<ten 画像ファイル名>」とします。
  9:= 
 10:+ Wiki書式の文中に「<br>」があると、その部分が改行に変更されます。
 11:= 
 12:+ 
 13:+ 
 14:= {{outline}}
 15:= 
 16:= 
 17:=  {{span style,color:green,見出し}}
 18:=  内容
 19:= 
 20:= {{span style,color:green,見出し}}
 21:= 内容
 22:= 
 23:=  {{div style,color:green,見出し}}
 24:=  内容
 25:= 
 26:= {{div style,color:green,見出し}}
 27:= 内容
 28:= 
 29:=  {{span style,color:red,*項目}}
 30:= 
 31:= {{span style,color:red,*項目}}
 32:= 
 33:= 上の、赤色で表示されるはずだけど、Mac版IE5.2では変化無し。
 34:= 
 35:=  {{span style,background-color:#cc0000;font-size:2px,-------------------------------------}}
 36:= 
 37:= {{span style,background-color:#cc0000;font-size:2px,------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------}}
 38:= 
 39:= 「-」を沢山並べて、小さくし、色を付けてヘアライン風に
 40:= 
 41:= 
 42:= {{br 3}}
 43:= 
 44:= 
 45:= 
 46:= !!!文字サイズ
 47:= 
 48:=  {{span style,font-size:xx-small,xx-small}}
 49:= 
 50:= {{span style,font-size:xx-small,xx-small}}
 51:= 
 52:=  {{span style,font-size:small,small}}
 53:= 
 54:= {{span style,font-size:small,small}}
 55:= 
 56:=  {{span style,font-size: medium,medium}}
 57:= 
 58:= {{span style,font-size: medium,medium}}
 59:= 
 60:=  {{span style,font-size:large,large}}
 61:= 
 62:= {{span style,font-size:large,large}}
 63:= 
 64:=  {{span style,font-size:xx-large,xx-large}}
 65:= 
 66:= {{span style,font-size:xx-large,xx-large}}
 67:= 
 68:= 
 69:= 
 70:=  {{span style,font-size:50%,ブラウザ標準の50%}}
 71:= 
 72:= {{span style,font-size:50%,ブラウザ標準の50%}}
 73:= 
 74:= {{br 2}}
 75:= 
 76:=  {{span style,font-size:150%,ブラウザ標準の150%}}
 77:= 
 78:= {{span style,font-size:150%,ブラウザ標準の150%}}
 79:= 
 80:= {{br 2}}
 81:= 
 82:=  {{span style,font-size:300%,ブラウザ標準の300%}}
 83:= 
 84:= {{br 2}}
 85:= 
 86:= {{span style,font-size:300%,ブラウザ標準の300%}}
 87:= 
 88:= {{br 2}}
 89:= 
 90:= 
 91:=  {{span style,font-size:12pt,12pt(絶対指定)}}
 92:= 
 93:= {{span style,font-size:12pt,12pt(絶対指定)}}
 94:= 
 95:=  {{span style,font-size:40pt,40pt(絶対指定)}}
 96:= 
 97:= {{br 2}}
 98:= 
 99:= {{span style,font-size:40pt,40pt(絶対指定)}}
100:= 
101:= {{br 2}}
102:= 
103:= 
104:= !!!文字飾り
105:= 
106:=  {{span style,font-weight:bold,ボールド Bold}}
107:= 
108:= {{span style,font-weight:bold,ボールド Bold}}
109:= 
110:=  {{span style,font-style:italic,イタリック Italic}}
111:= 
112:= {{span style,font-style:italic,イタリック Italic}}
113:= 
114:=  {{span style,font-family:monospace,monospace}}
115:= 
116:= {{span style,font:,abcdefghij これは等幅ではない}}
117:= 
118:= {{span style,font-family:monospace,abcdefghij これは等幅}}
119:= 
120:= {{span style,font:,プラグイン　 これは等幅ではない}}
121:= 
122:= {{span style,font-family:monospace,プラグイン　 これは等幅}}
123:= 
124:= 
125:= 
126:= 
127:= 
128:= 
129:= !!!複合指定
130:= 
131:= 
132:=  {{div style,color:blue; font-weight:bold; font-style:italic;　(実際は下の文も続けて書く)
133:=   font-family:Times; font-size:600%,色々font指定}}
134:= 
135:= {{div style,color:blue; font-weight:bold; font-style:italic; font-family:Times; font-size:600%,色々font指定}}
136:= 
137:= {{br 2}}
138:= 
139:= !!!文字位置
140:= 
141:=  {{div style,text-align:center,中央寄せ}}
142:= 
143:= {{div style,text-align:center,中央寄せ}}
144:= 
145:=  {{div style,text-align:right,右寄せ}}
146:= 
147:= {{div style,text-align:right,右寄せ}}
148:= 
149:=  {{div style,letter-spacing:15pt,文字間隔ABCDEFG}}
150:= 
151:= {{div style,letter-spacing:15pt,文字間隔ABCDEFG}}
152:= 
153:= 
154:= 
155:= !!!行間
156:= 
157:= Wikiでは、一行以上間をあけないと同じ行として繋がって表示されるので、通常改行するには一行以上間をあけます。
158:= 
159:= 通常の一行目
160:= 
161:= 通常の二行目
162:= 
163:= 通常の三行目
164:= 
165:= 「br」拡張プラグイン構文を使えば、一行の間をあけなくても改行可能。
166:= 
167:= 「br」構文で改行した通常の一行目{{br}}
168:= 「br」構文で改行した通常の二行目{{br}}
169:= 「br」構文で改行した通常の三行目{{br}}
170:= 
171:= 「SPAN」拡張プラグイン構文を使う事で、行と行の間をコントロールする事が可能(ただし、Safari等ブラウザによっては反映されない、されづらい事も)。以下の行は通常のように一行の間をあけているが、通常の一行間より狭く表示される。
172:=  {{span style,vertical-align:-18px;line-height:1px,SPANを使った一行目}}
173:= {{span style,vertical-align:-18px;line-height:1px,SPANを使った一行目vertical -18px設定}}
174:= 
175:= {{span style,vertical-align:-10px;line-height:1px,SPANを使った二行目vertical -10px設定}}
176:= 
177:= {{span style,vertical-align:0px;line-height:1px,SPANを使った三行目vertical 0px設定}}
178:= 
179:= 
180:= {{br 2}}
181:= 
182:= 
183:= !!!文字背景
184:= 
185:=  {{span style,background-color:yellow,背景色yellow}}
186:= 
187:= {{span style,background-color:yellow,背景色yellow}}
188:= 
189:=  {{span style,background-image:URL(<ten 背景に貼るページ添付した画像名>), 文字 }}
190:=  
191:=  {{span style,background-image:URL(<ten old-back.jpg>),画像背景　画像背景　画像背景　画像背景}}
192:= 
193:= {{span style,background-image:URL(<ten old-back.jpg>),画像背景　画像背景　画像背景　画像背景}}
194:= 
195:= 
196:=  {{span style,background-image:URL(<url>背景に貼る画像名), 文字 }}
197:=  使用出来るのは管理者が用意した画像のみ
198:=  
199:=  {{span style,background-image:URL(<url>aquaDesktop.jpg),画像背景　画像背景　画像背景　画像背景}}
200:= 
201:= {{span style,background-image:URL(<url>aquaDesktop.jpg),画像背景　画像背景　画像背景　画像背景}}
202:+ 
203:+ 文に改行を含めた場合のテスト
204:= 
205:= {{div style,background-image:URL(<url>aquaDesktop.jpg),画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>画像背景　画像背景　画像背景　画像背景<br>}}
206:= 
207:= 
208:= 
209:= !!!ボックス
210:= 
211:=  {{div style,width:ボックス横幅,文字}}
212:=  {{div style,100px:ボックス横幅,文字}}
213:= 
214:= {{div style,width:100px,拡張プラグイン テスト　拡張プラグイン テスト　拡張プラグイン テスト　拡張プラグイン テスト}}
215:= 
216:=  {{div style,border: double thick blue,文字}}
217:= 
218:= {{div style,border: double thick blue,拡張プラグイン テスト　拡張プラグイン テスト　拡張プラグイン テスト　拡張プラグイン テスト}}
219:= 
220:= {{br}}
221:= 
222:=  {{div style,border-top: red ridge 16px; border-right: green double 12px; border-bottom: 〜
223:= 
224:= {{div style,border-top: red ridge 16px; border-right: green double 12px; border-bottom: yellow solid 8px; border-left: silver groove 4px,拡張プラグイン テスト　拡張プラグイン テスト　拡張プラグイン テスト　拡張プラグイン テスト}}
225:= 
226:= 
227:= 
228:= !!!フロート (回り込み)
229:= 
230:=  {{span style,float:left ,画像URL}}文章
231:= 
232:= {{span style,float:left ,http://homepage3.nifty.com/%7Eio/images/anatitle-s.jpg}}右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み
233:= 
234:= {{br}}
235:= 
236:=  {{span style,float:right ,画像URL}}文章
237:= 
238:= {{span style,float:right ,http://homepage3.nifty.com/%7Eio/images/anatitle-s.jpg}}左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み
239:= 
240:= 
241:= 
242:= 
243:= {{br 3}}
244:= {{comment reverse}}