未知の苦HTML解道
つまず紀行! <ホームページ作成支援>
HOME
実践HTML
実践CSS
実践JScript
実践CGI
◆
TAG index
TAG A to M
TAG N to Z
◆
CSS index
◆
Jscript index
■
HOME
>>
CSS index
>>
A to Z
★ カスケーティングスタイルシート(CSS)
align属性(HTML4.01Transitionalでは非推奨属性)
⇒スタイルシートによる[text-align属性]を推奨
画像・テキストの位置(左寄せ・センタリング・右寄せ)指定
作例 >>
段落要素pタグの場合
関連属性 >>
valign属性 (上寄せ・中央・下寄せ)
background-color属性
→
背景色の指定
インラインスタイルの作例
>>
テーブルやTDタグに背景色
水平線に背景色
background-image属性
→
背景画像の指定
インラインスタイルの作例
>>
テーブルやTDタグに背景画像
水平線に背景画像
border-color属性
→
枠=罫線の色指定 (ボックス要素)
インラインスタイルの作例
>>
テキスト周りの枠線色
テーブル枠の色
border-style属性
→
枠=罫線の種類を指定 (ボックス要素)
・・・一本線、二本線、凸凹線、破線、点線
インラインスタイルの作例
>>
テキスト周りを囲む枠の種類
テーブル枠の種類
border-width属性
→
枠=罫線の表示と幅の指定
(ボックス要素)
インラインスタイルの作例>>
テキスト周りに枠=罫線の表示
box要素・・・
★
ボックス要素
★
>> 表示領域や表示可能な領域を定義する要素
例えば、BODY要素・
DIV要素
・
TABLE要素
などや
テキストや画像
ドキュメントを囲む枠=罫線 >> border属性
テキストに枠線
画像に枠線
テーブルに枠線
ドキュメントと枠=罫線の間 >> padding属性
余白指定 >> margin属性
class属性
CSSを設定した際に付けたクラス名(任意)の呼び出し
class属性による呼び出し例
→
枠線とテキスト間に余白
class属性による呼び出し例
→
枠線の線種・色等の設定
font-family
(複数のフォント候補を並べ優先順位をつけて指定)
font-size属性(サイズ)
CSS推奨
→
「フォント」
font-weight属性(太さ)
CSS推奨
→
「フォント」
letter-spacing
文字間隔 (作例はインライン記述の利用例)
line-height
行間隔 (作例はインライン記述の利用例)
margin属性
ブラウザ表示領域またはボックス要素内外の上下左右にマージン
(余白)
padding
(ボックス要素) テキストとボックス要素内の間隔
テーブルは、
cellpadding
→
テキストとTDタグ(セル)の間隔
text-align属性
テキストの位置指定
テーブルの位置指定は、
align属性
text-decoration
テキスト装飾線
(作例はスタイルシートの設定例)
text-indent属性
純粋なテキストの字下げ
似ている要素 >>
blockquote要素
(抜粋・引用したドキュメントの上下左右の字下げ)
vertical-align属性・・・行のなかでのテキストや画像などの縦方向の揃え位置を指定する際に使用
HTMLクイックリファレンス様
ウェブページは、HTMLが基本構造。その構成は、タグという要素を組み合わせる(記述する) ことで成り立ち、コンピュータを通じてテキストやレイアウトなどが表示される。
■
リンクフリー
■
サイトマップ
■
お問い合わせ
■
実用ツール
SEO構文解析
HTML文法検証
CSS文法検証
IT用語辞典
IT用語検索
:
<<
Back
|
ホーム
|
▲Page Top
| Next
Javascript index
Base template by
WEBMAGIC
Copyright © 未知の苦HTML解道, all right reserved, since 2004. 8.25