HTMLは、テキストを中央揃え、幅、幅でレンダリングします。 HTMLテキスト装飾のCSS権限(vertical-align、text-align、text-indentなど)
サイトの作者自身をvirishuと呼んでください。yakіの文字は素晴らしく、yakіは小さく、綴りの規則と当局への類似性からvihodyachiになります。 シンボルのレジスタを変更するプロセスは自動化できます、バイコリストパワー テキスト変換。 Tsyaの力はいくつかの意味をとることができます:
- none –テキストは変更なしで書き込まれます。
- 大文字にする-スキンワードは偉大なシンボルに由来します。
- 小文字-すべての文字が小さくなります(小文字)。
- 大文字-すべての記号が大きくなります(大文字)。
たとえば、次のルールでは、H1の見出しを大文字で表示するように指示されています。
H1(テキスト変換:大文字;)
略語、要素名、見出しなどの文字のレジスタを手動で自動的に変更します テキスト内の要素、大きい文字または小さい文字で書く必要があります。
テキスト装飾:テキスト装飾
パワー テキスト装飾テキストに追加の書式を設定できます。 値 与えられた力є定数 なし、下線、上線、ラインスルーі 点滅、元のテキストを視覚化したり、テキストの上またはテキスト全体に線を引いたり、クイックテキストを作成したりできます。 vikoristannyaraznyhznachentsієїvlastivovostіの尻は小さな11.4を課しました。
米。 11.4。
権力の停滞の最大の拡大 テキスト装飾єzminapodkreslennya送信、zamovchuvannyamのschovikoristovuєtsya。 たとえば、次のルールは、自分の声を大きくすることができることを示しています。
A:リンク(テキスト装飾:下線;)
単語間の間隔:単語間隔の力
テキスト内の単語間の間隔を設定するために、単語間隔の力が強調されています。 力の価値は助けの後ろに置くことができます キーワード normal。これは入力に使用され、ストリーミングフォントの標準間隔を設定します。 標準の間隔に加えて間隔を指定するには、使用可能なCSS単位の値を指定でき、値は負にすることができます。
したがって、次のルールは、H1見出しの単語間の間隔を1em増やすことです。
H1(単語間隔:1em;)
テキストの整列:権限テキスト-整列
シフトは、ブロックテキストの左端または右端を非表示の垂直線で配置することと呼ばれます。 テキストを強調するために、text-alignの力が使用されます。 この累乗の許容値は、左、右、中央、および両端揃えです。これらは、左端、右端、中央、および幅に設定する必要があります。
次のルールは、DIV要素に配置されるすべての要素の中央に配置を設定することです。
DIV(text-align:center;)
芯地:電力線の高さ
インターラインは、1行から1行に近いベースライン間で呼び出されます。 最良の条件として、フォントのサイズを考慮して行を並べると、ブラウザによって自動的に認識されます。 これらの値を変更して、電力線の高さを追加することもできます。 normalの値をlockに設定すると、ブラウザは行間の行数を自動的に計算します。 数値がゼロより大きいかどうかに関係なく、フローテキストのフォントのサイズの乗数と見なされます。 この力の意味として、CSSで採用されているものと同じであるかどうかに勝つこともできます。 パーセンテージエントリをマークすることもできます。この場合、フォントの高さは100%と見なされます。 行間意見の否定的な意味は許可されていません。
文字間の間隔:文字間隔の力
ブラウザは、フォントタイプのサイズに応じて、文字間の間隔を自動的に選択します。 一部のタイプでは、文字間を修正する必要があります。 文字間隔のパワーは、文字間の間隔を管理するために使用されます。 実際のところ、この力の意味は、CSSで採用されているのと同じ孤独であるかどうかにかかわらず、フォントのサイズ(emおよびex)に基づいて孤独を立証することをお勧めします。 vіdmіnuvіdについて 行間間隔、文字間隔の力は負の値を可能にし、テキストの読みやすさを維持するために再考する必要がある場合があります。
次のルールは、H1見出しの文字間の間隔を0.5em増やすことです。
テキストビュー、アクセスを定義するHTMLタグ
幅の配置
下のお尻には、vir_vnyatの方法が示されています 幅別のテキスト側面:
align = "left" | align = "right" |
---|---|
日中は、サービスの分野で雇用される労働者の数とより多くの情報が増加しています。 農場や工場が前世紀の象徴であるように、19世紀の19世紀の象徴は、情報の流れへのアクセスを提供できるコンピューターを備えたオフィスです。 |
|
align = "justify" | align = "center" |
日中は、サービスの分野で雇用される労働者の数とより多くの情報が増加しています。 農場や工場が前世紀の象徴であるように、19世紀の19世紀の象徴は、情報の流れへのアクセスを提供できるコンピューターを備えたオフィスです。 |
日中は、サービスの分野で雇用される労働者の数とより多くの情報が増加しています。 農場や工場が前世紀の象徴であるように、19世紀の19世紀の象徴は、情報の流れへのアクセスを提供できるコンピューターを備えたオフィスです。 |
正当化の意味はより安全です テキストを右利きと左利きに翻訳する、 それから 幅で。 この方法は、マスコミによって広く支持されています。
HTMLのテキストを中央揃えで揃えます
HTMLのテキストを中央で編集します。テキストは右利きです:
結果:
属性と値
- align="left"-整列 virіvnyuvannyaテキストzlіva(封鎖用)。
- align = "center"- 中央にテキストを表示する.
- align = "right"- 正しいテキスト.
Virivnyuvannya | HTMLテキストアクセス
HTMLテキスト
ビロビモ テキスト入力 2つの方法でlevoruch:
結果:
新しいvіknіに驚嘆してください。
こんにちは、ブログサイトの新しい読者。 現在も、text-decoration、vertical-align、text-align、text-indentなどを使用しており、Htmlコードで元の外観のテキストをデザインするのに役立ちます。
過去数回の制定法は、設立に割り当てられているため、当局に注目しています。 正気に見えるのフォント。
さて、以前にも、すべてのタイプを詳細に調べ、それらをグループ化する方法と、解釈の時間にブラウザーが優先順位を設定する方法を認識しました。 確かに、すべてが散りばめられた記事に分割されていたので、迷子にならないように、私はラジャが材料を入れられた順序で並べ替えました。
CSS text-decoration、text-align、text-indent
Cssはテキストでどのように機能しますか? 全体として、会議の目的のために、特別に認められた規則を確立する必要があることを認めることは論理的です。 text-alignを見てみましょう。これは、実際にはalign属性に置き換わるものです(たとえば、段落Pや見出しなどを目立たせることをお勧めします)。
Vіnはすべての可能な意味の可能性があります:
Sensは以前と同じように満たされています。 テキストの整列-行の水平方向の配置。 Zastosovuєtsyaは、ブロック要素(段落、見出しなど)専用になることはめったにありません。 静かなタグ、それらのいくつかは列の小枝を持っているかもしれません。 なぜなら 行要素には複数の要素が含まれる場合があり、その場合、特別なテキスト整列はありません。
この規則の意味は、明らかに振動することを意味することが理解されました:左端(左)、右端(右)、中央(中央)、および側面の幅(正当化-1時間rakhunokzbіlshennyamіzhの単語の左端と右端)。 数行のテキストが必要な場合は、要素に対してvarto vikoristovuvatを正当化することの意味は明らかでした。そうでない場合、目に見える効果はありません。
たとえば、前の段落の幅を逆にして(とzlivaの間の改行を改行し、右利きで)、スコアを付けます。
text-align:justify;
zamovchuvannyamの場合、水平方向にvirіvnyuvannyaテキストzdіysnyuєtsya左端、tobto。 text-align:leftを具体的に記述する必要はないので、明らかに、以前は配置を設定していません。 この段落私は、スピーチの前に、中央(中央)で向きを変えて、科学的なお尻のためにそれを更新していますが、ここでは、すべてがとても明確だと思います。
フットCssルール テキストのインデントたとえば、論文段落Pのテキストに赤い行をインストールできます。赤い行のエントリは、追加の入力値(プラス記号、マイナス記号、バイコリストなど)または追加入力:
テキストインデントのvіdsotkiはどのように見えますか? 本文に示すように、領域の幅を指定します。 トブト。 Cssルールのtext-indent:50%は、赤い行を2番目の行の半分に等しく設定します。 さて、この段落はそのようなルールの尻です。
たとえば、赤い行の負の値をテキストインデントに挿入すると、この段落に表示されている値とほぼ同じになります。 この結果を達成するために、段落タグP軸に同じCSS軸ルールを記述しました。
テキストインデント:-1em;
たとえば、text-indent(標準の赤い行を設定するため)は次のようになります。text-indent:40px; (スピーチの前に、2番目の段落にzastosovano)。 原則として、前にtext-alignを参照してください。 ブロック要素のみのzastosovuetsya、 それから。 そこで、de mozhez'yavitsyakіlkaryadkіv(段落、見出しtoshcho)。
では、次に進みましょう テキスト装飾(追加の水平線用にフォーマットされています)、それはすでにすべてのHtml要素(私は小さい、私はブロックします)にzastosovuetsyaしているためです。
Vonoはすべてのchotiriの意味の母になることができます:
トブト。 助けのためにテキスト装飾を追加することができます:十字架の上(上線)、再十字架(線を通す)、または十字架の下(下線)、まあ、または何も勝てない(なし)。 たとえば、DeyakіHtml要素はすでに水平線のデザインのロックの背後にある可能性があります(ロックのために悪臭が追加されます)。
より多くのチェアリフト(crim hyperposilan)を見るのは良くありません。なぜなら、それがブーストされたら(そしてカラーで見られたら)交差点のcoristuvachsに書かれているからです。また、クリックして移動することもできます。 そして、崇高なテキストを見た後、あなたはkoristuvachをオマーンに入れ、rozcharuvannyaをあなたのリソースに入れます(考えながら、しかしそれはそれが判明しました...)。
Cssテキスト装飾ルールを使用することのニュアンスは、任意のHtml要素に3つ(または2つ)の値を指定できる(何も省略しない)結果として拒否するものです テキストへの椅子の上-椅子の下の交差の断片(かっこいい音とかっこいいですね):
text-decoration:下線オーバーラインラインスルー;
テキスト装飾の意味(つまり、それらのコピーを補完したい)あなたは書く必要があります スペース文字を介して.
垂直整列-垂直整列
垂直方向の配置(垂直方向の配置)を指定しました。 実際には、すべての要素について、Htmlコードは、行要素とベースラインのテキストの間に違いがあることを意味するものではありません。 正直なところ、tseはもう少し意味があります。中央のすべてのコンテンツは垂直に表示されます。
Cssの場合、垂直整列ルールは次のようにねじることができます。
プロモーションの後ろの行は、ベースラインに沿って配置されます。 驚異的な軸、私はzasosuv 大きなフォントのテキストのどのフラグメントまでそして、2つのフラグメントがベース(下)ラインの後ろに配置されました。 また、垂直方向の配置を支援するための垂直方向の配置は、行の配置方法を変更するために認識されます。
たとえば、同じ大きなフラグメントに対してvertical-align:baselineを記述した場合、毎日の変更はありません。 プロモーションごとにCssルールが適用されるベースライン値が選択されます。
スピーチの前に、新しいものの値として、数字を引用することができます。vertical-align:0は、vertical-align:baselineと同じ意味です。 ベースライン値はゼロに相当します。 後で、垂直方向の配置である種のzsuvを表示したい場合は、ベースラインと同じzsuv(またはゼロ)を表示します。
あなたはこのように書くことができます:
vertical-align:10px;
私は取る 上り坂の大きなフォントのzsvフラグメントベースラインに応じて10ピクセルずつ。 否定的な意味を書いてみましょう:
vertical-align:-10px;
それが取られます zsuvフラグメントダウンベースラインによると。 例から、zsuvを介して行の高さが増加したため、裁判所の行にヒットすることなくテキストが新しいものに移動したことは明らかです。 ZsuvはEmіExでも設定できます。vіdsotkahでは、yakіは線要素の高さで毛羽立ちます(前回の記事で、助けを求める方法を学びました)。
テーブルの中央の代わりに垂直方向に配置する場合、垂直方向の配置では、上部と下部の値をスライドさせて削除しました。明らかに、上部と下部の中央の中央(まあ、中央の中央)の代わりに配置します。テーブルは、ロックの垂直方向の配置の値としてねじれています)。
フォント要素の場合、text-top、text-bottom、middleを強調表示できます。 お尻ザストスエモにしましょう テキストのどのフラグメントに価値:
垂直整列:中央;
その結果、何が起こったのですか? 伝統的なテキストのベースラインによると、大きな断片の中央の線がトブトになっています。 真ん中の線の垂直方向の配置を削除しました。 text-topとtext-bottomの場合、すべてが同じになります。 軸はtext-topとtext-bottomです。
Css power vertical-align subとsuperの値は、小さなスペースのようにスーパーインデックスと一致しますが、純粋なHTML(最大 CSS wikiビジュアルデザインの力)。
テキスト変換、文字間隔、単語間隔、空白
ハイフンの表記はありません。これは、テキスト内の文字が変更されていないことを意味します。これは、HTMLで記述されているため、表示されます。 text-transformの大文字の値を使用すると、フラグメントのすべての文字を大きい( この命題の証拠のお尻、text-transform:uppercaseルールの選択が解除され、文字が小さく書き込まれました)。
Css text-transformルールの小文字の値を使用すると、フラグメントのすべての文字を小さな文字に変換できます。大文字の値を使用すると、単語の最初の文字がすべて大文字になります( この命題のお尻--Text-transform:capitalize)。 トブト。 text-transformの助けを借りて、すばらしいテキストで可能なすべてを変換し、それからすべてを簡単に元に戻すことができます。
たとえば、大文字で書かれたすべての見出しを作成する必要がある場合は、それらをHtmlで記述し、text-transform:uppercaseを使用してCSSで優れた文字を使用します。 次に、元に戻したい場合は、スタイルを少し変更するだけで、サイトの100,500の見出しすべてを変更する必要はありません。
キャプションの文字間隔の後ろにある単語間隔は、Normalの値にすることも、同じ値にすることもできます。これはゼロです(したがって、記号と単語を切り替えることはできません)。 これらのルールの変更の値は、ピクセル、またはEmまたはExでのみ指定できますが、ピクセルで指定することはできません。
プロテ、あなたは正(単語数の記号の認識)と負の値(単語数の記号の近さ)の両方に勝つことができます。 たとえば、次のことができます 「軸はこのフレーズのシンボルを非常に差別化しています」攻撃的なCssルールの助けを借りて:
文字間隔:0.4em;
しかし、あなたはできますか 「軸はこのフレーズのシンボルにとても近いです」ヘルプのために:
文字間隔:-1px;
単語の間隔についても同じことが言えますが、違いは1つだけです。変更があった場合は、単語間で変更されます。 たとえば、このフレーズでは、そのようなCSS構造の追加の軸のように:
単語間隔:4em;
同様に、単語間の違いの変化の否定的な意味を単語間隔で勝つことができます。
さて、現在のCssルールにとどまります。これにより、HTMLコードでテキストを形式化できます-ce 空白。 HTMLコードを書いているときのように、Web側でprobіlovykhシンボルを使用するためのVіdpovіdaєvod。
これらの統計を覚えているように、ブラウザーは、コードを解析するときに、すべてのプローブ、行と表を転送するシンボルを1つのギャップに結合し、Webサイト自体の行をコード内のスペースの後ろに転送しました。
したがって、軸の空白は次の3つの値のいずれかを取ることができます。
ノーマルの意味が魅力の裏にあることが明らかになり、このように、もう少し説明したかのように、すべてがこのように見えます。 Іvikoristannyの意味を持つtsePreと私たちは、vikoristannyam、tobtoと同じアナロジーを取ります。 Webサイトでは、コードを記述してブラウザを移植するときにスペースがほとんどないため、テキストはほとんどギャップなしでレンダリングされますが、それらを操作することはできません。
さて、意味は何ですか nowrapブラウザがwhite-space:nowrap文字を折り返すのをブロックするだけなので、フラグメントの途中でCSS white-space:nowrapルールを使用できます。 単純なHtmlファイルを作成し、テキストの一部を同様のタグに入れることで、他のすべてと同じように、自分で試すことができます。
頑張って! ブログサイトの側面でzustrіchesを速くするために
あなたはtsikavoをbutiすることができます
リストスタイル(タイプ、画像、位置)-HTMLコードのカスタムルックリストのCssルール
ヘルプのポジショニングZ-indexおよびCSSカーソルルールによるマウスカーソルの変更
パディング、マージン、ボーダー- CSS内部およびovnіshnіvіdstupi、およびすべての側面(上、下、左、右)のフレーム自体
CSSが必要な理由、カスケードスタイルシートをHtmlドキュメントに接続する方法、およびムービーの基本的な構文
CSSでフロートしてクリア-ブロックレイアウトツール
CSS-カスケードスタイルのテーブルが以前に含まれているのはどのようなものですか htmlコードヘルプのためにスタイルとリンク
拡張の単位(ピクセル、Em、Ex)とCSSルールのフォールバック
タグ、クラス、ID、ユニバーサルセレクター、および現在のCSS属性セレクター
ポジショニング(絶対、相対、固定)-ポジショニング方法 HTML要素 CSSで(ルール左、右、上、下)
CSSの背景(色、位置、画像、繰り返し、添付ファイル)-背景色または背景画像のHTML要素を設定するためのすべて
パワーテキスト-整列-最後( HTMLアラインを台無しにしないでください)ブロックの残りの行またはprimusライザーの前の行を表示する方法を示します。 段落の残りの行には、原則として、スペース全体をカバーするのに十分なテキストがないことが重要です。
この記事では、ブラウザで受け入れられサポートされている意味を含め、text-align-lastの力に値するすべての側面を見ることができます。
Vikoristannyaは受け入れられている意味です
text-align-lastの明るさの設定は簡単です。 右端から残りのテキスト行をレンダリングするための軸コードスニペット:
Intro-graph(text-align:justify; // IEおよびEdgeに必要text-align-last:right;)
権力はこの意味を帯びることができます。 明らかに、標準のHTMLテキスト整列値(左、右、中央)を取得します。 悪臭は、残りの行のテキストを右端に沿って、左端に沿って、コンテナの中央に並べ替えます。
お尻の下のガイダンスilustraєraznitsimizhtsimitromaの意味:
驚異のお尻
4番目の値justifyは、テキストがコンテナーの幅全体に等間隔になるように、行の残りの部分を変更します。 単語間のrahunokdodavannyavіdpovіdnoїkіlkostіクリアリングのためのTseリーチ。 力のためにテキストの量を休ませてください、あなたはそれを打ち負かすことができます、それであなたは残りの行のギャップを埋めることができます、しかしあなたの前にそれをあまり遠くに持って行かないでください。
他の段落のテキストも幅で分割されていますが、シャードの残りの行は1つの単語で復讐することができ、左利きです。
驚異のお尻
左端に沿ってテキストの残りの行を反転すると、右にzlivaが読み取られるため、movに適しています( LTR)、そうでない場合、RTLmovでは間違っています。 このような場合、左または右の値があると問題が発生する可能性があります。
幸いなことに、開始値を変更して、読み値が書き込まれる端に沿ったテキストを修正できます。 これは、text-align-last値を電源の開始に設定することにより、テキストをLTR movの場合は左端、RTLmovの場合は右端にすることを意味します。
書き込みと読み取りの開始方法に応じて、テキストが反対側の端で反転するように、終了の意味をひねることもできます。 LTR movの場合はrightの値、RTLmovの場合はleftの値を指定する必要があります。
驚異のお尻
自動車の力のためのzamovchuvannyamの重要性。 別の選択肢として、行の残りのテキストは、正当化値が設定されていないため、HTMLテキスト整列の累乗値にソートされます。 それ以外の場合は、テキストをコンテナの幅に応じて調整します。テキストジャスティファイのパワーと同様に、配布値が設定されます。 別のターンでは、テキストは端を回って、そこからその読みの書き込みが始まります。
重要な敬意
text-align-lastを機能させるには、justify値をpowertext-alignに設定できます。 ただし、このルールはIEとEdgeでのみ実装されます。 FirefoxとChromeには、正当化するためにtext-alignを設定しなくても機能する能力があります。 下にホバーしたテキストの場合、テキストのせいですが、EdgeとIEでは右利きです。 他のブラウザでは、段落の残りの行はtext-align-lastの累乗値に揃えられ、残りの行は右マージンに揃えられます。
デモをチェックしてください
HTMLを揃えるためにtext-alignを設定しないと、結果は見栄えが悪くなります。 そのために、nayіmovіrnіshe、rozpodіlテキストを幅でインストールします。
pracyuєの力、段落єprimusrozryv行のnavіtyakscho、タグの助けのためのタスク
生まれた人のために。 uvazіのMayte、割り当てられた要素の中央にあるテキストの残りのすべての行で、極端な場合だけでなく、scho tsyaAuthorityvplivatim。 たとえば、記事またはdiv要素の中央にあるテキストが3段落の場合、それらのスキンでは、行の残りの部分が、父親の要素全体に指定されたtext-align-lastpower値に揃えられます。
コンテンツの残りの行を正当化する場合は、:last-childまたは:last-of-typeセレクターを強調表示できます。 例として、以下に示すデモバージョンのコードを取り上げます。
article(text-align:justify;)article p:last-of-type(text-align-last:right;)
右端から私たちの記事の残りの段落の残りの行をvirіvnyuє。 他の行は、HTMLテキストの整列の累乗値に基づいて整列されます。
デモをチェックしてください
他のセレクター::evenと:oddを獲得して、勝利を変更することもできます。
段落を複数の行に折りたたむことができる場合があります。 この場合、text-align text-alignに値iを指定し、text-align-last text-alignにiを指定した場合、残りのtext-alignが優先されます。
次のコードスニペットを見てみましょう。
p(text-align:justify;)p:nth-of-type(2)(text-align-last:left;)
別の段落に複数の行がある場合、テキストは左揃えになるため、text-align-lastが優先されます。 下のホバーにデモバージョンが表示されます デンマーク法子供のためのCSS、および他の人のためのsprats アプリケーションHTML整列します。
デモをチェックしてください
ブラウザによるサポート
追加オプションについては、電源のサポートについて言及できます。 実験的なWebプラットフォーム機能を有効にする" の グーグルクロームおよびOperaは、バージョン35および22から利用できます。 Chrome47以降とOpera34以降で再びサポートされます。
Firefoxでパワーを得るには、プレフィックス-moz-を追加します。 開始値と終了値はIEによって認識されません。 同時に、エッジはその力を強化します。 text-align-lastをまだサポートしていない人気のあるブラウザはSafariだけです。
モジュール CSSテキスト CSS関数、フォーマットおよび転送された行の出力テキストの変換を制御する方法について説明します。 CSSのさまざまな機能により、大文字と小文字の変換、スペース処理、転送ルール、転送されるテキストと行、配置、間隔、間隔を制御できます。
本文の本体は記号です。 ティムも同様です。書記体系の断片はそれほど単純ではありません。メインの英語のアルファベットのように、真にシンボルであるものは、この用語が勝利する文脈にあります。 たとえば、韓国のシステムでは、皮の葉は倉庫内で正方形であり(たとえば、1 = han)、記号でマークされています。 ただし、正方形の記号は効果的にデカール文字で構成され、その皮は音素を表し(たとえば、ㅎ= h、ㅏ= a、ㄴ= n)、それらの皮も記号と見なすことができます。
1.テキスト変換:text-transform
テキストの再加工の力は、テキストを様式化します。 Vіnはベースvmіstに追加せず、プレーンテキストのvmіstコピーおよび貼り付けに追加する罪はありません。
電力が低下します。
構文
text-transform:なし; text-transform:大文字; text-transform:大文字; text-transform:小文字; text-transform:inherit; text-transform:初期;
2.行のクリアと転送:空白の力
空白の優位性は、単語と要素の中央の行の転送との間で打ち破られます。
電力が低下します。
空白 | |
---|---|
価値: | |
正常 | zamovchuvannyamの重要性。 単語間に挿入されるギャップは1つ未満であり、追加のギャップは削除されます。 テキストは、消費時に転送される可能性が低くなります。 |
nowrap | 行を転送するフェンス、クリムzastosuvannya . |
プレ | テキスト内の確率は無視されません。ブラウザには、行を転送する補遺確率が表示されます。 |
プレラップ | テキストのギャップに注意し、必要に応じて、roblyachsがそこに行を開きます。 |
プレライン | zayviのクリアリング、crimvipadkivが表示されます . |
ブレークスペース | 動作は、プレラップ、クリーム、ショウと同じです。一連の取り外し不可能なクリアリングであっても、常にスペースを占有し、多くの時間がかかります。 問題の間を含めて、見られない皮膚の問題の後に列を移す可能性が必要です。 |
イニシャル | |
継承する |
構文
空白:通常; 空白:nowrap; 空白:pre; 空白:プリラップ; 空白:プレライン; 空白:ブレークスペース; 空白:継承; 空白:初期;
3.集計の調整:タブサイズの力
タブサイズの累乗は、TABキーの助けを借りて取得される入力のサイズを変更するために変更されます。 3つのプレライン、ノーマル、またはノーラップの空白の電力値のいずれかが設定されている場合、電力値は無視されます。
要素の練習を減らす
電力が低下します。
構文
タブサイズ:0; タブサイズ:10px; タブサイズ:継承; タブサイズ:初期;
4.行と行の拡張
それが列の列の列に分割される場合、ブドウの木は線形ブロックに分割されます。 このようなブレークは、行ブレークと呼ばれます。
行が行を開くコントロールの明示的な要素(たとえば、新しい行のシンボルまたはタグ)によって中断された場合
、穂軸またはceprimusrozry列のブロック。
したがって、代わりに転送によって行が削られます。ブラウザがneobov'yazykovіを作成した場合は、行を展開して、その場所に入力できるようにします。tsem'yaketransfer。
4.1。 文字を開くためのルール:単語を壊す力
単語区切りの力は、文字によるソフト転送の可能性を意味します。 テキストの行を分割できる場合。 ゾクレマ、制御不能、要約されたドルカリアンの文字単位および/または数字の間のソフト転送の可能性は何ですか。 Tseは、ギャップによって作成された軽度の転移の可能性を規制する規則を追加しません。
電力が低下します。
構文
単語の区切り:通常; ワードブレイク:ブレイクオール; ワードブレイク:keep-all; ワードブレイク:継承; 単語区切り:初期;
4.2。 行の開始:改行
改行の権限は、要素の中央に配置された行を転送するためのルールを定義します。これらの行は、異なる記号や記号の間で転送するものとしてzocremaです。
電力が低下します。
改行 | |
---|---|
価値: | |
自動 | ブラウザは行を開くためのマージンのセットを決定するので、たとえば、短い行の行を開くためのより不快なルールのセットを獲得するために、最も長い行の休閑を変更することができます。 zamovchuvannyamの重要性。 |
ゆるい | テキストを分割すると、vikoristovuyuchiは、行を転送するための一連のルールの中で最も少なくなります。 新聞などの短い列では勝利を収めることができます。 |
正常 | テキストを分割して、vikoristovuyuchiは行を転送するための最も幅広いルールのセットです。 |
厳しい | テキストを分割し、vikoristovuyuchiは行を転送するための厳密なルールのセットです。 |
イニシャル | 城の背後にある力の意味を確立します。 |
継承する | Batkiv要素の品質の重要性を継承しています。 |
構文
改行:自動; 改行:緩い; 改行:通常; 改行:厳密; 改行:継承; 改行:初期;
4.3。 Raztashuvannya転送:ハイフンの力
ハイフンの力は、転送の選択によってテキスト行の中央にソフト転送の可能性を作成できるかどうかを決定します。
転送ハイフネーション-段落の腐敗を改善するために、ローミングが許可されていない場合の制御された単語の奪取。 原則として、単語の分割の後には、倉庫または形態素の境界が続き、裾に視覚的なステートメントが続きます(ハイフン付きの音、-)。 場合によっては、単語のスペルを変更することもできます。 いずれにせよ、単語の転送はレンダリング効果にすぎません。ワインは、ドキュメント、テキスト、または検索に挿入することについて有罪ではありません。
CSSテキストレベル3は、正確なワードラップ規則を定義していないため、適切な移動可能な折り返しポイントを選択することをお勧めします。
電力が低下します。
ハイフン | |
---|---|
価値: | |
無し | 単語を転送することはできませんが、単語の真ん中にある記号は、転送の可能性を明確に示しています。 |
マニュアル | 単語の転送の可能性を明確に示す記号が単語の中央にある静かな場所では、単語の転送が少なくなります( 特殊文字-)。 zamovchuvannyamの重要性。 |
自動 | 転送の可能性について単語を分割することができます。転送の可能性は、ハイフンで明確にマークされているクワイエットへの追加に転送するために、私のリソースによって自動的に割り当てられます。 自動ワードラップが正しく機能するためには、コンテンツの言語(たとえば、タグHTML lang属性またはHTTPContent-Languageヘッダー)を定義する必要があります。 |
イニシャル | 城の背後にある力の意味を確立します。 |
継承する | Batkiv要素の品質の重要性を継承しています。 |
構文
ハイフン:なし。 ハイフン:手動; ハイフン:自動; ハイフン:継承; ハイフン:初期;
4.4。 オーバーフローブロックオーバーフロー:パワーオーバーフロー-ラップ/ワードラップ
オーバーフローラップ(さもなければ昔ながらのワードラップ)の力は、ラインブロックが再ライニングされるのを防ぐために、非線形行が許可されていないポイントで壊れるかどうかを示します。 ホワイトスペースの質が転移を許すなら、そのvipadkuのPratsiuє。
電力が低下します。
オーバーフローラップ、ワードラップ | |
---|---|
価値: | |
正常 | 分離されていない行は、許可された開始ポイントでのみ開くことができます。 zamovchuvannyamの重要性。 |
ブレイクワード | |
どこでも | 記号の順序は不明確ですが、より多くのポイントに分割できるため、他に検討できるポイントは多くありません。 視覚的なテキストからはみ出さず、視覚的にのみ注ぎ込みます。 行を開いた時点では、転送シンボルは追加されません。 あなたが想像するならば、柔らかい転移の可能性は、湿ったローズマリーの最小量のローズマリーの時に引き起こされます。 |
イニシャル | 城の背後にある力の意味を確立します。 |
継承する | Batkiv要素の品質の重要性を継承しています。 |
構文
オーバーフローラップ:通常; オーバーフローラップ:ブレークワード; オーバーフローラップ:どこでも; オーバーフローラップ:継承; オーバーフローラップ:初期;
5.行の確認とオフ
Virіvnyuvannyaそのvyklyuchennyarowkіvkontrolіyut、vbudovaniyaコンテンツrazpodіlyаєєєєєєєatііnіynomブロットのように。
5.1。 テキスト配置の省略形:power text-align
テキストブロック-行ブロックの入力。 Authority text-alignは、text-align-allおよびtext-align-lastの権限を設定し、スキンラインブロックの行ライン上のブロックがラインブロックの穂軸および端側とどのように位置合わせされるかを記述します。 justify-allまたはmatch-parentに設定された値は、text-align-allに割り当てられ、text-align-lastからautoにドロップされます。
電力が低下します。
text-align | |
---|---|
価値: | |
始める | 行の行のVmіstは、線形ブロックの穂軸の端に並んでいます。 zamovchuvannyamの重要性。 |
終わり | 行の行のVmіstは、線形ブロックの端の端に位置合わせされます。 |
左 | 行のレベルのVmіstは、線形ブロックの行の左端に揃えられます。 縦書きシステムでは、物理的な上下がテキストの向きで古くなっています。 |
右 | 行のレベルで、線形ブロックの行の右側が回転します。 縦書きシステムでは、物理的な上下がテキストの向きで古くなっています。 |
中心 | 行のレベルのVm_stは、線形ブロックの中央に配置されます。 |
正当化する | テキストは行ブロックの幅に従って並べ替えられます。行のフィールドを正確に入力するために、Batkiv要素の左端と右端を押します。 text-align-lastで特に指定されていない場合、Primus Rowの前の残りの行、またはブロックが背面に表示されます。 Probіlmіzhの単語と文字rozpodіlyayutsyaそのようなランク、schobdozhinavsіhryadkіvdorivnyuvala。 さまざまなブラウザ zbіshitiyakvіdstupimіzh単語、および文字間の間隔ができます。 |
正当化-すべて | text-align-allとtext-align-lastを正当化するように設定し、残りの行も破棄します。 |
親と一致する | 値が減少しないという事実のために継承するのと同じように、値は同じように動作します開始または終了は方向の値を解釈し(そうでなければ、父がいないので出力ブロック)、それを計算された値に戻しますまたは右。 |
継承する | Batkiv要素の品質の重要性を継承しています。 |
構文
text-align:start; text-align:end; text-align:左; text-align:right; text-align:center; text-align:justify; text-align:justify-all; text-align:match-parent; text-align:inherit;
5.2。 プロモーションの背後にテキストを揃える:power text-align-all
Authority of text-align-all —残りの行を除いて、コンテナブロック内のすべての行の値を設定し、text-align-lastの値を再割り当てするtext-alignの権限の省略形。 。 start、end、left、right、center、justify、match-parentの値を受け入れます。
電力が低下します。
構文
Text-align-all:開始; text-align-all:end; text-align-all:左; text-align-all:右; text-align-all:中央; text-align-all:正当化; text-align-all:match-parent; text-align-all:継承;
5.3。 最後の行の配置:権限text-align-last
text-align-lastの力は、プライマリ行の展開の前に、行の残りの部分でブロックまたは中央のない行をチェックする方法を決定します。
自動値が設定されている場合、text-align-all行の代わりに、text-align-allで並べ替えられます。justifyがtext-align-allに設定されていない場合、この場合は、ブロック。 他の値は、text-alignで説明されているように解釈されます。
auto、start、end、left、right、center、justify、match-parentの値を受け入れます。
電力が低下します。
構文
Text-align-last:auto; text-align-last:開始; text-align-last:end; text-align-last:左; text-align-last:右; text-align-last:center; text-align-last:正当化; text-align-last:match-parent;
6.プロモーション
CSSを使用すると、単語の間隔と文字の間隔を追加して、単語と活版印刷の文字の間隔を制御できます。
6.1。 単語間のスペース:単語間隔の力
単語間隔の力は、単語間の追加の間隔を決定します。
単語の間にスペースを設定します。 あなたは正と負の値を獲得することができます。 否定的な意味では、単語は互いに重なり合う可能性があります。
単語間隔の値は、テキストを幅で無視するためのtext-alignのパワーの値に影響されます。
電力が低下します。
構文
単語間隔:通常; 単語間隔:1px 単語間隔:0.2em 単語間隔:50% 単語間隔:継承; 単語間隔:初期;
6.2。 追跡:文字間隔の力
文字間隔の力は、追加の間隔、つまり他の文字の合計間の追跡を決定します。 文字間隔が単語間隔に追加されます。 coristuvachを視覚化する厳密な規則に応じて、テキストを視覚化するために、活字の文字単位をさらに増やしたり変更したりすることができます。
電力が低下します。
構文
文字間隔:通常; 文字間隔:0.1em 文字間隔:2px 文字間隔:継承; 文字間隔:初期;
7.最初の行のエントリ:テキストインデントパワー
テキストインデントの権限によってエントリが決まります。これは、ブロック内の同じ場所の行までzastosovuetsyaです。 開口部はフィールドのように回転し、線形ブロックの穂軸の端にzastosovuetsyaします。
ブロック要素の最初の行に画像がある場合、それは小さなテキストですぐに折りたたまれます。
電力が低下します。
構文
テキストのインデント:5mm; テキストインデント:20px; テキストインデント:5% text-indent:各行2em; テキストインデント:2emぶら下げ; text-indent:継承; テキストインデント:初期;