サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> スタイルシート >> スタイルシートの継承

スタイルシートの継承



スタイルシートの継承について

スタイルシートでは、その設定が親要素から子要素に引き継がれるものがあります。
例えば、<BODY>要素の文字色を赤に設定した場合、<BODY>要素の子要素にあたる<P>要素の文字も<BODY>要素の設定が引き継がれて赤になります。

属性に「inherit」を指定すると、通常は継承を行わない属性でも、強制的に継承させることができます

継承される値が相対値の場合は、絶対値に変換された値が継承されます。


継承を行う属性

border-collapse
color
cusor
direction
font
font-family
font-size
font-style
font-variant
font-weight
letter-spacing
line-height
list-style
list-style-image
list-style-positon
list-style-type
text-align
text-indent
text-transform
white-space
word-spacing


継承を行わない属性

background
background-attachment
background-color
background-image
background-position
background-repeat
border
border-color
border-style
border-width
border-bottom-color
border-bottom-style
border-bottom-width
border-left-color
border-left-style
border-left-width
border-right-color
border-right-style
border-right-width
border-top-color
border-top-style
border-top-width
bottom
clear
display
froat
height
left
margin
margin-bottom
margin-left
margin-right
margin-top
overflow
padding
padding-bottom
padding-left
padding-right
padding-top
page-break-after
page-break-before
position
right
table-layout
text-decoration
top
vartical-align
visibility
width
z-index


 
 

スタイルシートに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, CSS Samples. All rights reserved. - Home