Latest web development tutorials
×

CSS コース

CSS コース CSS 簡単な紹介 CSS 文法 CSS Id と Class セレクタ CSS 作ります CSS 背景(background) CSS テキスト(text) CSS フォント(Fonts) CSS リンク(link) CSS リストスタイル(ul) CSS テーブル(table) CSS ボックスモデル CSS フレーム(border) CSS 輪郭(outline) CSS マージン(margin) CSS 充填(padding) CSS グループ化とネスト CSS サイズ(Dimension) CSS ディスプレイ(display) CSS 検索します(position) CSS フロート(float) CSS 整列します(align) CSS セレクタの組み合わせ CSS 擬似クラス CSS 擬似要素 CSS ナビゲーションバー CSS ドロップダウンメニュー CSS イメージギャラリー CSS 透視画像/不透明な CSS 画像モザイク技術 CSS メディアタイプ CSS 属性セレクタ CSS サマリー CSS 例

CSS3 コース

CSS3 コース CSS3 簡単な紹介 CSS3 フレーム(border) CSS3 背景 CSS3 段階的変化 CSS3 テキストエフェクト CSS3 フォント CSS3 2D 変更 CSS3 3D 変更 CSS3 トランジション CSS3 アニメーション CSS3 マルチカラム CSS3 ユーザーインターフェース

CSS レスポンシブデザイン

Viewport グリッドビュー メディアクエリ ビデオ(video) フレーム

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS カラー値 CSS 色名 CSS 16進数の色

CSSテキスト(テキスト)

テキスト形式

このテキストは、テキストの書式設定のプロパティでのいくつかでスタイリングされています。テキストアライン=左、テキスト変換、および色のプロパティでの用途を見出しで。段落で整列、インデントされ、文字の間のスペースの下線で。指定されている時には、ザ・atから削除されます」 「してみてくださいリンクを。

テキストの色

色属性は、テキストの色を設定するために使用されます。

色は、ほとんどの場合、CSSで指定します。

  • 16進数 - このような "#FF0000の」など
  • RGB値 - 「RGB(255,0,0) "
  • 色の名前 - 例えば「赤」として

参照してください。 CSSカラー値は、完全な色の値を表示します。

ページの背景には、選択手段の本体にあります。

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

»をお試しください

発言 W3C標準のCSSの場合:あなたはcolorプロパティを定義した場合、あなたはまた、背景色の属性をカスタマイズする必要があります。


テキストの配置

テキスト-alignプロパティは、テキストの水平方向の配置を設定するために使用されます。

テキストが中心または左または右詰めに整列させることができます。

テキストアラインが「正当化」に設定されている場合、各行は左と右のマージンは(そのような雑誌や新聞のように)整列され、同じ幅に拡張されました。

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

»をお試しください


テキストの装飾

テキストの装飾のプロパティは、装飾的なテキストを設定または削除するために使用されます。

設計の観点から、主にテキストの装飾のプロパティは、リンクの下線を削除するために使用されています。

a {text-decoration:none;}

»をお試しください

また、このテキストを飾ることができます:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

»をお試しください

発言 それは多くの場合、ユーザーと混同されているので、我々は、テキストがリンクではないことを強調することはお勧めしません。


テキストコンバーター

変換テキスト属性は、テキスト内の大文字と小文字を指定するために使用されます。

イニシャルは大文字または小文字にすべてのために使用することができ、または各単語は大文字。

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

»をお試しください


テキストインデント

最初の行をインデントするテキストのインデントプロパティは、テキストを指定するために使用されます。

p {text-indent:50px;}

»をお試しください


例

より多くの例

文字間の指定の空間
この例では、文字間のスペースを増減する方法を示しています。

行と行の間のスペースを指定します。
この例では、段落内の行の間のスペースを指定する方法を示しています

設定テキスト方向要素
この例では、テキスト要素の方向を変更する方法を示します。

単語の間に空白を増やします
この例では、段落内の単語の間に空白を追加する方法を示します。

要素内のテキストの折り返しを無効にします
この例では、サラウンド内のテキスト要素を無効にする方法を示しています。

垂直配向画像
この例では、テキスト、画像の垂直方向の配置を設定する方法を示します。

テキストの影を追加します
この例では、テキストの影を設定する方法を示します。


すべてのCSSテキスト属性。

プロパティ 説明
カラー テキストの色を設定します。
方向 テキストの方向を設定します。
文字間隔 設定文字間隔
行の高さ 設定行の高さ
テキストアライン 要素内のテキストを揃えます
テキストの装飾 テキストに変更を追加します
テキストインデント 中国の要素の最初の行をインデント
テキストの影 テキストの影を設定します。
テキスト変換 制御素子の手紙
ユニコード双方向 テキストが書き換えられているかどうかを設定または返します
垂直アライン 要素の垂直方向の配置を設定します。
ホワイトスペース 空白のセットの要素が処理されます
単語間隔 単語の間隔の設定