スタイルシートを使って文字を斜めにする;FC2ブログ・プチカスタマイズ   

スタイルシートを使って文字を斜めにする|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| スタイルシートを使って文字を斜めにする に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > スタイルシートを使って文字を斜めにする・基本のHTMLとスタイルシート > スタイルシートを学ぼう > スタイルシートを使って文字を斜めにする


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 スタイルシートで文字を斜めに表示してみよう。

 文字を斜めにするには、HTMLで斜め文字にする方法以外に、スタイルシートを使って斜めにする方法もある。

HTMLを使って、文字を斜めに表示する方法はこちら

 

スタイルシート italicを使って文字を斜めにする

<body>~</body>に直接記入する場合

<p style="font-style:italic;">・イタリック体・文字を斜めにする</p>

<div style="font-style:italic;">・イタリック体・文字を斜めにする</div>

例)

・イタリック体・文字を斜めにする

・イタリック体・文字を斜めにする

外部スタイルシートでの記載

《HTML》

<p class="naname1">・イタリック体・文字を斜めにする</p>

《外部スタイルシート》

p.naname1{font-style:italic;}

 

スタイルシート obliqueを使って文字を斜めにする

<body>~</body>に直接記入する場合

<p style="font-styleoblique;">・oblique斜体・文字を斜めにする</p>

<div style="font-style:oblique;">・oblique斜体・文字を斜めにする</div>

例)

・oblique斜体・文字を斜めにする

・oblique斜体・文字を斜めにする

外部スタイルシートでの記載

《HTML》

<p class="naname1">・斜体・文字を斜めにする</p>

《外部スタイルシート》

p.naname1{font-style:oblique;}

 

obliqueとitalicの違い

 イタリック体(italic)は斜めに傾けて筆記体調などにデザインされたものが多い。

  斜体(oblique)はシンプルに斜めに傾けてデザインされたものが多い。

 指定したフォントにイタリック体(italic)や斜体(oblique)がない場合には、 ブラウザが判断して、そのフォントの標準のものを斜めに傾けて表示する。

 日本語フォントの場合、イタリック体(italic)や斜体(oblique)が用意されていることはほとんどなく、 標準のものを斜めに傾けて表示している。

 このため、多くの場合イタリック体(italic)と斜体(oblique)のブラウザ上の表示は同じにななってしまう。



サイト内の同タグへのリンク: スタイルシート  HTML  斜め 
他のサイトへのタグリンク : スタイルシート HTML 斜め

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
承認待ちコメント
このコメントは管理者の承認待ちです
2014/04/15(火) 01:35 | | #[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/139-3a530560
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。