私のCSSの研究ノート

1の変更されたテキストのテキスト装飾:ブリンク(点滅テキスト)は、現在のブラウザを表示することができなかった。

2.要素配置におけるテキストのテキスト整列=左:正当化テキストの行の両端の位置合わせを行うためにしかし、留意すべきです。テキスト未満の一行はこの効果を示すことができないで、段落の最後の行は、この効果を示すことができません。

3.テキストの影を設定して、ぼかしテキストの影を、しかし、テキストの影のプロパティページスタイル(様式)に制御されています現時点では、唯一のSafariブラウザは、テキストの影をサポートしています。あなたが他のブラウザのテキストの影の効果を達成したい場合は、いくつかの他の技術や属性を使用する必要があります。もちろん、純粋な「CSS」も可能です。構文は:
テキスト影:不透明色長の長さ
、前記
カラー:影の色が設定され、
長さ:設定値は、水平拡張をシャドウ;
長さ:シャドウ垂直拡張の設定値、
不透明度:浮動小数点数とによって識別ユニットあなただけぼかすする必要がある場合は長さの値が指定ぼかしからの負の効果で構成されていない、最初の二つは、すべて0の長さに設定されている。
注意:このプロパティは、Safariブラウザをサポートしています
。注:上記の4つの属性が一緒に書かれている
注意:擬似クラスを使用することができます:最初の文字:最初の行を

4. 空白:事前にワイドのように使用されるテキストのフォントをプリフォーマット。単語間の空白の距離をマージし、両端揃え行ったが、現実には、彼らは結果が表示されない、または複数のスペースはつまり理由DUI、一つにマージされますしないでください。空白:事前解像度が基準CSS1を満たしていない、バグです。

5. テキスト下線位置のみテキスト装飾:他の特性を有する、有効であるために関連付けられた下線は、例えば、テキスト装飾:上線、テキストベース装飾:ライン・スルーなどの.text-下線位置効果をもたらすことができません。:上線:デコレーション・テキストと同じ効果上記

6. ボーダースタイルなし |隠さ|点在|リッジ| | OUTSETの|からのインセットソリッド| |ダブル| Grooveを破線
:なし 枠なし。そして、指定した任意の境界線幅の値は独立して
隠された: 隠されたボーダー。IEはサポートしていません
点線: IE4 IE5.5 + + WindowsおよびUNIXプラットフォームMACインターネットの点線を。それ以外の場合は、実線が
破線: IE4 + MACプラットフォームや破線などWINDOWS IE5.5 +およびUNIXプラットフォームで。それ以外の場合は実線
固体: ソリッドボーダー
ダブル: 二重線の境界線。二行と指定に等しく離間境界幅
溝:ボーダー色の値ビデオ3D溝
リッジ:ボーダー色の値ビデオ菱形フレームの
挿入図:ボーダー色の値ビデオ3D凹側
冒頭:ボーダー色の値ビデオ3D凸状のエッジ
注:
-右-下- 4つの国境に作用する左のためにすべての4つのパラメータが提供されている場合、となります。
一つだけは、すべての四辺に使用されます。
左のための次、二- -右2、最初に1つの場合。
第三のために、右- 3が設けられた場合、第一、第二のために放置しました。
このプロパティを使用するには、オブジェクトが設定されている必要があり、高さ幅の属性や設定位置の属性は絶対的です。
もしボーダー幅 0より大きくない、この属性は削除されます。
。のborderStyleのスクリプトに対応した

7 のborder-bottomボーダー幅 || ボーダースタイル || ボーダーカラー-
前記幅のボーダーミディアムシンは| |太い| の長さのパラメータ:
ミディアム: デフォルトの幅は
薄く: デフォルト未満幅
厚い: デフォルトの幅よりも大きい
:長 浮動小数点数による長さの値、及びユニット識別子。負ではありません。
注:
すべての4つのパラメータが提供されている場合、になります-右-下-左の境界線を演技4の順に
。一方だけがすべての四辺のために使用される場合は
2であれば、次の左用二- -第一および右の
左のため、第一、第二のための3つの一設けられている場合-第三のために、権利を
このプロパティを使用しますターゲット設定する必要があり、高さ幅の属性を設定するか、位置属性が絶対的である。
場合はボーダースタイルnoneに設定し、このプロパティは削除されるだろう。
borderWidthのスクリプトに対応します。

8. マージン、また、外側のパッチとしても知られているが、縁の周りの空間を表す、要素を定義パディング、既知のパッチを充填要素の境界との間のギャップを示す要素の内容を定義する。

9. リストスタイルのスタイルリスト型|:リストスタイルの位置|リスト-スタイル・画像
例は、すべてが同時に属性:リストスタイル:ディスク内のURL(「xx.jpg」)

10. リスト型スタイル以下、CSS1で標識した設定リストの項目タイプフラグ(使用することができる値)である:
ディスク: CSS1黒丸の
円: CSS1中空ラウンド
スクエア: CSS1は正方形を閉じ
進:
 CSS1アラビア数字が
下位ローマ:
 CSS1小文字ローマ数字
アッパーローマ:
 ローマ数字大文字CSS1
低級アルファ:
 CSS1の小文字手紙
アッパーアルファ:
 CSS1の大文字の
なし:
 CSS1は、弾丸を使用していません
アルメニア:  CSS2の伝統的なアルメニアデジタル
CJK-表意: CSS2平野表意番号
グルジア: CSS2の伝統的なジョージ・デジタル
低-ギリシャ: CSS2基本的なギリシャ小文字
ヘブライ語: CSS2の伝統的なヘブライデジタル
ひらがな: CSS2ひらがな文字
hiragana-いろは: CSS2 IDひらがな
カタカナ: CSS2カタカナ
カタカナ-いろは: CSS2カタカナ号
より低ラテン語: CSS2ラテン小文字
アッパーラテン語: CSS2の資本ラテン
説明:
場合のlist-style-画像属性はなし又は画像を指定し、リストスタイル型性が起こる、利用できない。
作用のみを有する表示リストアイテムオブジェクトを(例えば、リチウム・オブジェクト)と等しい。
すべてのリスト型特性がノートのオブジェクトおよびULオブジェクトオール: (例えば、Liオブジェクトなど)の項目属性のリストを指定した。
IE5.5は、まだすべてのCSS2の値をサポートしていません。
のスクリプトに対応listStyleType

11. リストスタイルの位置:インサイド|は、外部タグを一覧表示する項目リストを設定する位置に配置された
外: リストアイテムマーカーは、テキストの外側に配置され、そして周囲のテキストはアライメントマークに合わせていない
:内部 、リストアイテムマーカーは、テキスト内に配置されますアライメントマークと周囲のテキストの
定義:
行為のみ有するディスプレイリスト項目オブジェクトに等しい値(例えば、リチウムオブジェクト)。
注:全てのリスト項目(例えば、オブジェクトのLi)オブジェクトタイプ特性オールおよびオブジェクトのその指定されたリストUL後属性は、
のスクリプトに対応listStylePosition。

12 行の高さ:数を設定する数がこの数は、行間隔を設定するために現在のフォントサイズで乗算されるであろう。

13. クリップ:RECT(上、右、下、左)
クリッピングそのクリップの意味の中国の解釈は、この属性を見ることができるオブジェクトの一部を決定する。それは任意のオブジェクトの性質を変更しません。
クリッピング領域は長方形であり、長方形の大きさは、4つの辺の位置に依存。
。四方を左、右、ボタン、トップで表現され
ますのでご注意ください。など:.効果を有するだけ互いに絶対:オブジェクトにではなく窓に対して、この性質および位置に有する4つの辺の位置
IMG
{
位置:絶対;
クリップ:RECT(0PX、は50px、200pxの、 0PX)
}
スクリプトの構文:object.style.clip = "RECT(0PX、は50px、200pxの、0PX)"


14.IEは擬似クラスをサポートしていません。LANG

 

15.幅解像度の適応を設定します。

最小幅:760px;

幅:式(document.body.clientWidth <840 "800ピクセル": "85%")。

 

 16.テーブルTD幅を超えて行こう、自動的に生成されたテキスト「...」

まず、テーブルスタイルプラス「テーブルレイアウト:固定」、その後のスタイルプラスTD「オーバーフロー:隠された;テキストオーバーフロー:省略記号;ホワイトスペース:nowrap属性は」実現できます。


 

 

ます。https://www.cnblogs.com/guoxiaowen/archive/2008/02/21/1076845.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_33766805/article/details/93329974