CSSの背景
背景色
背景は単色の背景色の財産となるように設定されています
色の種類が続きます
背景画像
背景画像背景画像を追加
絶対アドレスまたは相対アドレスの画像続い
背景リピート
背景リピート
可能な値
値 | 説明 |
---|---|
繰り返す | デフォルト。背景画像は、垂直方向および水平方向に繰り返されます。 |
繰り返し-X | 背景画像は、水平方向に繰り返されます。 |
繰り返し-Y | 背景画像は、垂直方向に繰り返されます。 |
ノー・リピート | 背景画像は、一度だけ表示されます。 |
継承 | 提供は親要素から背景リピートプロパティの設定を継承しなければなりません。 |
背景ポジショニング
背景位置
キー値
これは、プロパティ値の上、下、左、右、センターをたくさん持っています
単一のキーワード | 同等のキーワード |
---|---|
センター | 中央センター |
上 | 上部中央または中央トップ |
底 | 下部中央或中央底 |
右 | 右中央或中央右 |
左 | 左中央或中央左 |
パーセント値
式のパーセンテージ値はより複雑です。、それは非常に簡単です、あなたがその要素の中央に配置された画像の値の割合を使用したいと仮定します。
本体
{
背景画像:URL( '/ I / eg_bg_03.gif')。
背景リピート:なしリピート;
}
background-position:50% 50%;
これは、適切な場所になります、その中心的な要素の中心は、それに整列されます。換言すれば、画像要素との両方に適用さのパーセンテージ。すなわち、画像素子に記載されている50%50%点(中心点)として記載されているが50%整列している点(中心点)の〜50%です。
画像は、0%、0%である場合には、上部に左上隅には、素子領域マージンの隅を残しました。画像の位置が100%〜100%である場合には、右下隅には、右下隅の右余白に画像を行います。
あなたは垂直方向に2/3、1/3上の画像の水平方向を望むのであれば、あなたは宣言できます。
本体
{
背景画像:URL( '/ I / eg_bg_03.gif')。
背景リピート:なしリピート;
}
background-position:66% 33%;
唯一のパーセント値は、この値は水平方向の値として提供される場合、垂直値は50%であると仮定されます。これは、キーワードに似ています。
背景位置デフォルト値が関数に左上0%0%相当します。これは、異なる位置の値を設定しない限り、マージン領域内要素の角を左に常にタイル背景画像は上から始まり理由を説明します。
Length値
オフセット値の左上隅の長さは、素子領域のマージン内に解釈されます。オフセット点は、画像の左上隅です。
例えば、設定値は50px 100pxに、右50個のピクセル、下方位置に100個のピクセルへ戻る左余白領域における画像要素の左上隅である場合:
本体
{
背景画像:URL( '/ I / eg_bg_03.gif')。
背景リピート:なしリピート;
}
background-position:50px 100px;
これはパーセント値と異なっているが、左上隅の左上隅に互いにずれているので注意してください。換言すれば、画像のバックグラウンド位置宣言の左上隅を指定点が位置合わせされます。
准背景
背景アタッチメント
文書が長い場合は、文書がスクロールダウンしたときに、そう、背景画像もスクロールします。文書は、画像を越えた位置までスクロールすると、画像が消えます。
固定スクロールに影響を与えることはできませんプロパティを設定するには、このプロパティを使用します
値 | 説明 |
---|---|
スクロール | デフォルト値。背景画像は、ページスクロールの残りの部分と一緒に移動します。 |
一定 | ページスクロールの残りの部分は、背景画像が動かないとき。 |
継承 | 提供は親要素から背景設定、添付ファイルのプロパティを継承する必要があります。 |
CSSテキストのプロパティ
インデントテキスト
テキストインデントテキストインデントを制御することができます
これは、ピクセルの割合、ならびにそれらをインデントするために使用することができ、及び百分率はインデントインデント親要素の割合を指し
水平配向
テキスト整列
可能な値
値 | 説明 |
---|---|
左 | 左のテキスト整列。デフォルト:ブラウザによって決定。 |
右 | 右側のテキスト・整列。 |
センター | 中間テキストの配置。 |
正当化 | 正当化は、テキスト効果です。 |
継承 | 提供は親要素からテキスト-alignプロパティの値を継承する必要があります。 |
文字間隔
文字間隔
可能な値
値 | 説明 |
---|---|
ノーマル | デフォルト。文字余分なスペースの規定の間。 |
長さ | 定義された文字の間に固定された空間(負の値は許可)。 |
継承 | 提供は親要素からの手紙-spacingプロパティの値を継承する必要があります。 |
文字変換
ケースのテキスト属性を処理するテキストは、変換します。このプロパティには4つの値があります。
- なし
- 大文字
- 小文字
- 生かします
テキストの装飾
次に、我々は、テキストの装飾の性質を議論する、これは非常に興味深い行動の多くを提供しています非常に興味深い特性、です。
テキストの装飾は、5つの値があります。
- なし
- 下線
- 上線
- ラインスルー
- 点滅
処理空白
ホワイトスペース
可能な値
値 | 説明 |
---|---|
ノーマル | デフォルト。ブランクは、ブラウザによって無視されます。 |
前 | ホワイトスペースは、ブラウザを予約されています。HTMLの<pre>タグと同様に、その行動。 |
NOWRAP | それは、これまで<br>タグに遭遇するまで、テキストはテキストが同じ行に続けます折り返されません。 |
前のラップ | 空白の文字列が、通常のラインフィード。 |
前行 | 空白のシーケンスを結合しますが、改行を保持します。 |
継承 | 提供は親要素からホワイトスペースプロパティの値を継承する必要があります。 |