ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS の基本??CSS_html/css_WEB-ITnose を使用した要素コンテンツのテキストの書式設定

CSS の基本??CSS_html/css_WEB-ITnose を使用した要素コンテンツのテキストの書式設定

WBOY
リリース: 2016-06-24 11:56:32
オリジナル
1043 人が閲覧しました

CSS のテキスト プロパティは、最初の行のインデント、段落の配置、単語の間隔、行間隔などの設定など、テキストの段落形式を制御するために使用されます。

1. テキストの最初の行のインデントを設定します : text-indent

オプションの属性値には、長さ / パーセントが含まれます

2. テキストの配置を設定します : text-align

オプションの属性は次のとおりです: left / right / center、それぞれ左揃え、右揃え、中央揃えを示します

3. テキストの変更方法を設定します: text-decoration

オプションの属性には、なし / アンダーライン (下線) / 上線 (上線) / line- が含まれます。スルー (取り消し線) / ブリンク (点滅)

4. テキストの影効果を設定します: text-shadow
オプションの属性値には、次のものが含まれます: none / color
5. 行の高さを設定します: line-height
属性の値数値、長さ、パーセンテージ、標準のいずれかを指定できます
6. 単語間隔を設定します: Letter-spacing
オプションの属性値には、なし/自動/カスタム長さが含まれます
7. 単語間隔を設定します: word-spacing
はいオプションの属性値には次のものが含まれます: none / カスタム長
8. テキストの大文字と小文字の属性を設定します : text-transform
オプションの属性は次のとおりです: Capitalize は各単語の最初の文字を大文字に変換します
uppercase は要素内のすべての文字を大文字に変更します
小文字 要素内のすべての文字を小文字に変更します
9. 空白の表示形式を設定します: ホワイトスペース
スペースの入力方法: 1 つは「 」、もう 1 つは

 タグです。 CSS の空白属性は pre
に似ています。オプションの属性値には、normal / pre / nowrap
が含まれます。 10. 要素コンテンツのフォントの色と背景を設定します
(1) 前景色を設定します要素の色: color
値の取得: 16 進数値、rgb() 関数、または CSS によって認識される色の名前 (白など) にすることができます
(2) 背景色を設定します : background-color、値は前景色と同じ
(3) 背景画像を設定します :background-image
値は次のとおりです: 画像の URL アドレス
(4) 背景画像のレイアウトを設定します :background-repeat
値: repeat / no-repeat /repeat-x /repeat-y
(5) 背景画像がスクロールか固定かを設定:background-attachme
値:scroll/fixed
(6) 背景画像が表示される位置を設定 :background-position 値: パーセンテージ、カスタム長さ (100px,100px など) / 上 / 中央 / 下 / 左 / 右
11.
リスト形式を設定します: list-style-type 属性値: disc デフォルト値、黒の実線
丸 空の丸
正方形 正方形 黒のブロック
10進数 10進数
小ローマ字 小文字 ローマ数字
大文字ローマ数字 大文字 ローマ数字
小文字アルファ 小文字
大文字アルファ 大文字
なし なし
も使用できますlist-style-image は、リストの前のシンボルをグラフィックスに変更します。 list-style-type 属性と list-style-image 属性の両方が指定されている場合、list-style-type はブラウザが画像を表示できない場合にのみ有効になります。弾丸として。
12. スタイル
継承: ドキュメント内の各レベル要素に指定された CSS スタイル ルールを保存するために使用されます。たとえば、フォントの色が に設定されている場合、この色は Web ページ内のすべての要素に継承されます。 . 他の要素に独自のスタイルが割り当てられている場合を除きます。
継承できないプロパティ: margin、padding、border、background

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート