cssスタイルシート文字



CSS 〜スタイルシート〜

PR
自宅で簡単在宅ワーク

自宅で好きな時間にいつでも
できる簡単在宅ワーク。
インターネットで自動収入!

PR
月3万円余裕のある生活の提案

サイドビジネスで毎月のように
お金が入るようになったらありがたい。
そんなライフスタイルの提案です。
PR
成功するアフィリエイト失敗者

努力しているのにうまくいかない。
手間と時間ばかりかかる・・・
やり方を変えてみたら。あれ...

スタイルシート文字


 文字の大きさを決める。スタイルシートで指定すればレイアウトが崩れない。大きさが固定されます

<font style="font-size:数値pt;">文字</font>

※本文に直接入れて下さい。


8pt 10pt 12pt 14pt


その他の単位 px,em

10px,1em







サイト上部へ↑  トップページへ



 文字の色を変える。スタイルシートで文字の色を指定。

<font style="color:色;">文字</font>

※本文に直接入れて下さい。


大きさも指定する場合は

<font style="font-size:数値pt; color:色;">文字</font>ってな具合になります。








サイト上部へ↑  トップページへ



 文字に効果を入れます。こすれ文字。色抜き文字。影付き文字。発光文字。なみなみ文字

※本文に直接入れて下さい。

<span style="filter:blur(direction=0〜360角度,strength=影長さ,add=false);position:relative;height:文字大きさpt;">文字</span>

こすれ文字にします。





<table style="filter:mask(color='周りの色');">
<tr>
<td>
ここに文字
</td>
</tr>
</table>


色抜き文字
にします






<span style="filter:dropshadow(color=影色,positive=true,offx=影横影の長さ,offy=影縦影の長さ);height:文字大きさpx;">文字</span>

影付き文字にします





<span style="filter:progid:DXImageTransform.Microsoft.shadow(color=色,strength=影の長さ,direction=影角度);height:文字大きさpx;">文字</span>

こすれ影文字にします





<span style="position:absolute;filter:glow(color=色,strength=強さ数字)">文字</span>

発光文字





<span style="filter:wave(add=false,strength=波幅,fleq=波回数,lightstrength=影の濃さ,
phase=角度);height:文字の大きさpt;">文字</span>


なみなみ文字にします










サイト上部へ↑  トップページへ



 触れると効果。触れると文字色が変わる。触れると文字が変わる

※本文に直接入れて下さい。

<span onmouseover="this.style.color='触れた色'" onmouseout="this.style.color='離した色'">文字</span>

触れると色変わります(サンプル)




<span onmouseover="this.innerText='触ってる時の文字'"
onmouseout="this.innerText='離した時の文字'" onclick="this.innerText='クリック時の文字'">
最初に表示させておく文字</span>



触れると文字が変わります(サンプル)






サイト上部へ↑  トップページへ



 タイピング文字。タイピングしながら文字を表示させます。

<script type="text/VBScript">
<!--
Dim counter, txt, txt_len, timerID

Sub Window_onLoad()
txt = txtbox.innerHTML
txt_len = Len(txt)
counter = 1
timerID = Window.SetInterval("typewriter()", 文字の速さ)
End Sub

Sub typewriter()
Dim cur
If counter > txt_len Then
cur = ""
Window.ClearInterval(timerID)
Else
cur = "<font color='記号色'>記号</font>"
End If
txtbox.innerHTML = Left(txt, counter) & cur
counter = counter + 1
End Sub
//-->
</script>



↑ヘッダに記述。


<span id="txtbox">
文字
</span>


↑文字を表示させたい場所に記述


サイト上部へ↑  トップページへ



 文字の大きさ,色,書体などを一括指定する

※ヘッダに記述。もしくはCSSファイルに記述。


<style type="text/css">
<!--

body,td{color:文字色;font-size:文字サイズpt;font-family:'書体';}
-->
</style>







サイト上部へ↑  トップページへ











サイト上部へ↑  トップページへ


メニュー
CSS スタイルシートについて
CSS スタイルシート外部リンク
CSS 文字を装飾する
CSS 画像に効果を入れる
CSS リンクを装飾する
CSS 背景画像を固定する
CSS 背景に効果を入れる
CSS スクロールバーを装飾
CSS カーソルを変える
CSS ページ全体に枠
CSS その他 スタイルシート
CSS スタイルシートリンク集









おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


その他運営サイト

私はこれで会社を辞めました
一日たった1〜2時間の作業でOKなインターネットで行えるビジネスとは?


いつまで貧乏くじを引きますか?
あなたは、しっかり検討しましたか?


育児と家事だけの人生なんて嫌!
ビジネスをやっても成功しない、全然楽しくない。 楽しくて・成功するビジネスとは?


アフィリエイトの時代は終わった!
アフィリエイトは手間ばかりかかって月に5,000円も稼げない・・・・


月3万円が余分にある生活
私たちはビジネスの提案ではなく、ライフスタイルを提案しています。


貧乏から金持ちへ
3分だけ時間を下さい。けして無駄な時間にはしませんから。


















Copyright(C) CSSスタイルシート All Rights Reserved


inserted by FC2 system