CSSガイド EX

▼基本的なCSS、要素等について紹介しています。


【障害者の就職!】

 

コンテンツメニュー

 ◆Chapter 1

 ◆Chapter 2

 ◆Template

 ◆Tip!

 

★サイト運営者がPHPを学んだ
お勧めの書籍です!
これ一冊で基本的なPHPの仕組み、簡単なプログラムの作成、SQLiteを使ったデータベースなどかなり学べる要素が詰まっています!

↓↓↓ ↓↓↓

PHPレッスンブック―PHP5対応

新品価格
¥2,520から
(2013/2/24 04:38時点)

 

PHPが動作するサーバー

 

はじめてのHP | 無料素材 | タグ辞典 | ツールEX | PHPを学ぼう!

 

◆Chapter 2 - フォントスタイルの指定

font-style: 斜体
font-decoration: 装飾

    斜体: normal、italic、oblique
    装飾: none、underline、overlink、line-through、blink

 

font-styleプロパティは、フォントを斜体にするかどうかを指定します。
「italic」は、italic調の斜体、「oblique」は、標準フォントを斜体にしたものです。
「underline」は下線、「overlink」は上線、「line-through」は取り消し線、「blink」は文字を点滅させます。
指定を複数する場合には、半角スペースで区切ります。
blinkの指定はブラウザに依存します。

 

【index2_13_1.html】

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>フォントスタイルの指定 - CSSガイドEX</title>
<style type="text/css">
<!--
body{ background: #ffffff; }
p{
  color:#000000;
  background:#ffffff;
  font-size:x-large;
}
#snormal{ font-style:normal; }
#italic{ font-style:italic; }
#oblique{ font-style:oblique; }

#dnormal{ text-decoration:normal; }
#udl{ text-decoration:underline; }
#lt{ text-decoration:line-through; }
#ol{ text-decoration:overline; }
#uol{ text-decoration:underline overline; }
#blink{ text-decoration:blink; }
-->
</style>
</head>
<body>
<p id="normal">font-style:<font color="red">normal</font></p>
<p id="italic">font-style:<font color="red">italic</font></p>
<p id="oblique">font-style:<font color="red">oblique</font></p>
<p id="dnormal">text-decoration:<font color="red">normal</font></p>
<p id="udl">text-decoration:<font color="red">underline</font></p>
<p id="lt">text-decoration:<font color="red">overline</font></p>
<p id="ol">text-decoration:<font color="red">overline</font></p>
<p id="uol">text-decoration:<font color="red">undeline & cverline</font></p>
<p id="blink">text-decoration:<font color="red">blink</font></p>
</body>
</html>

 

表示は、こちらのサンプルから確認できます。

 

 

 


 

忍者AdMax

 

ex-mode.net | ツールEX | 素材EX | アフィモール | 初級者向 初めてのホームページ作り | Htmlタグ辞典 | 初めてのプランター菜園 | リンク・ボード
気のみ気のままなブログ | PHPを学ぼう! | ホビ★コレ | 班長日記!

▲UP

Copyright (C) ex-mode.net 2017. All Rights Reserved.