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-weight: 太さ

    normal、bold、lighter、bolder
    100、200、300 ~ 900

 

font-weightプロパティは、フォントの太さを指定します。
boldは、一般的な文字の太さに、少し細くしたい時にはlighterを、少し太くしたい時にはbolderで使用します。
文字の太さは、100~900の範囲で指定ができ、標準的なboldは400に相当します。

 

【index2_12_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.em{
color:#000000;
background:#ffffff;
font-style:normal;
}
.bold{ font-weight:bold; }
.normal{ font-weight:normal; }
.lighter{ font-weight:lighter; }
.bolder{ font-weight:bolder; }
.w100{ font-weight:100; }
.w300{ font-weight:300; }
.w500{ font-weight:500; }
.w700{ font-weight:700; }
.w900{ font-weight:900; }
-->
</style>
</head>
<body>
<p class="em">この文字、Normalです。</p>

<ul>
<li class="bold">font-weight: bold</li>
<li class="normal">font-weight: normal</li>
<li class="lighter">font-weight: lighter</li>
<li class="bolder">font-weight: bolder</li>
</ul>

<ul>
<li class="w100">font-weight: 100</li>
<li class="w300">font-weight: 300</li>
<li class="w500">font-weight: 500</li>
<li class="w700">font-weight: 700</li>
<li class="w900">font-weight: 900</li>
</ul>
</body>
</html>

 

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

 

 

 


 

忍者AdMax

 

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

▲UP

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