CSSガイド EX

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


【IT業界の転職】

 

コンテンツメニュー

 ◆Chapter 1

 ◆Chapter 2

 ◆Template

 ◆Tip!

 

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

↓↓↓ ↓↓↓

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

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

 

PHPが動作するサーバー

 

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

 

◆Chapter 2 - 行間を指定

line-height: 行の高さ

    行の高さ: normal、数値、単位の大きさ、%

 

font-heightプロパティは、行の高さを指定できます。
単位を指定しない場合は、フォントサイズにその値を掛けた高さに設定されます。
マイナスの値は指定できません。

 

【index2_15_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; }
#sample1{ line-height:normal; }
#sample2{ line-height:1.5; }
#sample3{ line-height:2.0; }
#sample4{ line-height:200%; }
em{
  color:red;
  background: #ffffff;
  font-style:normal;
}
p{
  color:#444444;
  background: #ffffff;
  font-style: normal;
}
-->
</style>
</head>
<body>
<h2>line-height: <em>normal</em></h2>
<p id="sample1">
行間の高さを調整します。見やすい文章を作成したい場合にはとても有効に使えます。読みやすいホームページを作ると読者としても利用しやすくなります。通常、スタイルを設定しない場合は詰めた感じの文章になり とても読みにくくなります。
</p>
<p> </p>
<h2>line-height: <em>1.5</em></h2>
<p id="sample2">
行間の高さを調整します。見やすい文章を作成したい場合にはとても有効に使えます。読みやすいホームページを作ると読者としても利用しやすくなります。通常、スタイルを設定しない場合は詰めた感じの文章になり とても読みにくくなります。
</p>
<p> </p>
<h2>line-height: <em>2.0</em></h2>
<p id="sample3">
行間の高さを調整します。見やすい文章を作成したい場合にはとても有効に使えます。読みやすいホームページを作ると読者としても利用しやすくなります。通常、スタイルを設定しない場合は詰めた感じの文章になり とても読みにくくなります。
</p>
<p> </p>
<h2>line-height: <em>200%</em></h2>
<p id="sample4">
行間の高さを調整します。見やすい文章を作成したい場合にはとても有効に使えます。読みやすいホームページを作ると読者としても利用しやすくなります。通常、スタイルを設定しない場合は詰めた感じの文章になり とても読みにくくなります。
</p>
</body>
</html>

 

font-heightプロパティでは、Internet Explorer3.0やNetscape Navigater4.Xなどの古いはブラウザでは表示や印刷する場合にバグが発生する場合があります。
スタイルを設定する場合には、注意してご利用ください。

 

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

 

 

 


 

忍者AdMax

 

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

▲UP

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