ITバンド・オブ・ブラザースHTML5 CSS3チュートリアル秘密の共通CSSスタイル属性と値3

ed4cb39125df4e16a5a79afb1b62e3b1.jpg

 

5つのボーダープロパティ

国境境界線のスタイル、境界線の幅、境界線の色を設定するための要素のプロパティを、境界線が四辺に沿って、だけでなく、境界に設けられていてもよい、右境界、下、左境界は別に設けられました。次のように彼らは、導入されました。

 

A。ボーダースタイルのプロパティ

罫線のスタイルのborder-styleプロパティセット、下、左、右の境界線のスタイルでは、このプロパティは境界線のスタイル要素を設定するために使用され、目に見える境界線を指定するために使用する必要があります。1~4は、キーワード、四つの値が与えられた場合、それらは右の上に塗布し、パターンの左側の境界線を使用することができます。値が与えられた場合、それはそれぞれの側に適用されます。二つまたは三つの値が与えられた場合、値は反対側から省略されています。またのborder-top-スタイル、のborder-bottom-スタイル、国境左スタイルとのborder-right-styleプロパティを単一のスタイルの両側に別々に使用することができる、彼らは属性値に使用することができ、かつ解釈結果を図1に示します。

db9fd9617e9b45829a43457efeecbc95.png

図中の境界線のスタイルプロパティの値。1、および効果は、図で説明。

 

例としては、次のとおりです:

2fab769cdf5546ed8ee2d9d97ecf9706.jpg

 

B。ボーダーWidthプロパティ

境界幅は、属性の境界幅、下、左、幅の右境界は、境界が値1〜4とのセットの要素属性、値はキーワードまたは長さを設定することによって指定することができ、負の値の長さが許されません。四つの値が与えられた場合、それらは右のスタイル、そして左境界線に適用しました。一つの値だけが与えられた場合、それはそれぞれの側に適用されます。二つまたは三つの値が与えられた場合、値は反対側から省略されています。このプロパティは、境界線の幅、右側の境界線の幅、境界線の幅とやや低い書き込み左境界線の幅のプロパティにあります。またのborder-top-幅、のborder-bottom-幅、ボーダー、左幅とのborder-right-width属性を別々に使用することができる個別に各辺の幅を設定します。単位長さを使用することができる設定に加えて、また、薄い(比薄い媒体)または厚い(媒体よりも粗い)値(デフォルト値)媒体を使用することができます。例としては、次のとおりです:

c818de6d7aae499f92f097ebaa51fc0e.jpg

 

C。境界線の色プロパティ

ボーダー色セット境界線の色属性、色、下、左、右の境界では、1〜4のキーワードことができます。四つの値が与えられた場合、それらは右のスタイル、そして左境界線に適用しました。値が与えられた場合、それはそれぞれの側に適用されます。二つまたは三つの値が与えられた場合、値は反対側から省略されています。例としては、次のとおりです:

4393cb5cc95d4135ae161b4703551d1a.jpg

 

D。速記borderプロパティ

CSSプロパティの境界線、高速で書かれた包括的なのborder属性である境界線の幅、スタイル、色を設定するための少しの要素を記述することです、それはボーダー幅、ボーダースタイルとボーダー色のプロパティが含まれています。例としては、次のとおりです:

P {ボーダー:5pxの灰色固体;} / *段落要素枠4を設定する直線状フレームである、5ピクセル幅グレー* /

border属性は、国境の唯一の4種類の、唯一の境界線の幅とスタイルを設定することができます。フレームの4種類の特定の要素の異なる値について、著者は、境界線は上の幅の境界線、右ボーダー、ボーダー、左ボーダー、境界線の色、境界線の幅、境界線のスタイルとして、1つ以上の属性を使用する必要があります。右側の境界線の幅、下境界線の幅または左境界線の幅。

おすすめ

転載: www.cnblogs.com/itxdl/p/11762758.html