ハイライトON、OFF 変更削除不可 TIME指定 JavaScript指定 スタイルシート指定 カスタマイズ箇所
例えば次のような文があったとします。
hello!! thank you for coming to this page.
hello!! thank you for coming to this page.
<SPAN>hello!! thank you for coming to this page.</SPAN>
以降
hello!! thank you for coming to this page.
chotto stylesheet!!
chotto dakeyooon! katochan pe!!
<HTML>
<HEAD>
<TITLE>先頭文字のスタイルのみ変更</TITLE>
<STYLE type="text/css">
<!--
.f_letter:first-letter{font-size:40;color:red;font-style:italic;font-style:bolder;}
-->
</STYLE>
</HEAD>
<BODY>
<P class="f_letter">hello!! thank you for coming to this
page.</P>
<P class="f_letter">chotto stylesheet!!</P>
<P class="f_letter">chotto dakeyooon! katochan pe!!</P>
</BODY>
</HTML>
以降
hello!! thank you for coming to this page. chotto stylesheet!! chotto dakeyooon!
katochan pe!!
上の英語を日本語に訳してみようと思います。英語の部分とこの説明部分と下の日本語訳の部分は全て段落(P)で区切っています。先頭行のみスタイルが変わっていませんか?
こんにちわ! 私のページにきてくれてありがとう。ちょっとスタールシート!!
ちょっとだけよぉ〜〜ん! 加とチャン ぺッ!!
<HTML>
<HEAD>
<TITLE>先頭行のスタイルのみ変更</TITLE>
<STYLE type="text/css">
<!--
.f_line:first-line{color:blue;font-size:22;font-style:bold;}
-->
</STYLE>
</HEAD>
<BODY>
<P class="f_line">hello!! thank you for coming to this
page. chotto stylesheet!! chotto dakeyooon! katochan pe!!</P>
<P class="f_line">上の英語を日本語に訳してみようと思います。英語の部分とこの説明部分と下の日本語訳の部分は全て段落(P)で区切っています。先頭行のみスタイルが変わっていませんか?</P>
<P class="f_line">こんにちわ! 私のページにきてくれてありがとう。 ちょっとスタールシート!! ちょっとだけよぉ〜〜ん! 加とチャン ぺッ!!</P>
</BODY>
</HTML>
hello!! thank you for coming to this page.
<SPAN style="text-transform:capitalize;">hello!! thank
you for coming to this page.</SPAN>
hello!! thank you for coming to this page.
<SPAN style="text-transform:uppercase;">hello!! thank you
for coming to this page.</SPAN>
hello!! thank you for coming to this page.
<SPAN style="font-variant:small-caps;">hello!! thank you
for coming to this page.</SPAN>
hello!! thank you for coming to this page.
<SPAN style="text-transform:lowercase;">hello!! thank you
for coming to this page.</SPAN>
hello!! thank you for coming to this page.
<SPAN style="font-style:italic;">hello!! thank you for
coming to this page.</SPAN>
|