OKANOWEB WEB PARTS SAMPLE

スタイルで」表現する様々な文字の形

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

文章の途中で飾りを付ける<span>飾りをつける部分</span>でスタイルは

<span style="border-bottom: 6px double #0000FF">

文章の途中で飾りを付ける<span>飾りをつける部分</span>でスタイルは

<span style="border-top: 2px double #FF0000">

文章の途中で飾りを付ける<span>飾りをつける部分</span>でスタイルは

<span style="border-top: 2px solid #00dd00;border-bottom: 2px solid #00dd00">

文章の途中で飾りを付ける<span>飾りをつける部分</span>でスタイルは

<span style="border-bottom: 4px dashed #dddd00">

文章の途中で飾りを付ける<span>飾りをつける部分</span>でスタイルは

<span style="border-left: 4px solid #ff6600;border-right: 4px solid #ff6600">

最後は、こんなお遊びも出来る所をお見せします

 

 

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<div style="width:100%;filter:dropshadow(color=aaaaaa,offx=5,offy=5,positive=1)">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<div style="width:100%;color:red;filter:blur(add=1,direction=150,strengt=30)">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<div style="width:100%;filter:alpha(Opacity=100,finishOpacity=0,style=1,startX=0,startY=0,finishX=30,finishY=20); color:#008080">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<div style="width:100%;z-index:2;filter:mask(color=#ff0000)">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<div style="width:100%;filter:glow(color=#9999ff,strength=3)">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<p style="width:100%;filter:flipV()">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

<p style="width:100%;filter:flipH()">

文字(テキスト)を飾る、多くはインライン(文字単位)でのスタイル指定です.

NEW 文字(テキスト)を飾る、画像を使わずこんな使い方もCOOLです.

<span style="width: 50; height: 14; color: #ff0000 ;filter:Glow(color=#ffcc00, strength=6);">