ちょっと便利なタグ
＊～ちょっと便利かなと思うタグをまとめてみました。～＊
●画像のみ、右クリックを禁止します。
直リンクされたくない時に使うといいようです。
<img src="画像のURL" oncontextmenu="return false">
試しに画像の上で右クリックしてみてくださいね。
●画像を離して表示します。
画像と画像の間、または画像と文字の間が
ぴったりくっつき過ぎている
そんな場合に便利なタグです。
普通は<img src="URL">のタグを使います。
それに、上下の余白を指定する場合は vspace="数字"
左右の余白を指定する場合は hspace="数字"
を入れて下のようなタグを書きます。
"数字" の部分を好みで変えてください。
単位は「 px 」です。
画像の上下を5pxあけたい場合は
vspace="5" になります。
◆普通に画像を並べるとこんな感じですが・・・
◆上のタグを使うと下のようになります。
スペースキーを使うより簡単です。
失敗もなくなりますので、ぜひ使ってみてください。
★ これは上下左右共に 20 に指定してます。 ★
●画像をモノクロにします。
★ 残念ながらIEでしか見られません。 ★
●画像にモザイクをかけます。
<img src="画像のURL" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=数字)">
数字はモザイク1個分の大きさを指定して下さい。
単位は px 。
数字が小さくなる程モザイクは小さく、
数字が大きくなる程モザイクは大きくかかります。
下の画像は左上から、５・４・３・２・としてみました。
元画像は右下にあります。
© Rakuten Group, Inc.
