-
ドキュメントのテキストをCSSに合わせる
text-align プロパティは、ドキュメントのテキストを揃えるために使用されます。可能な値は、左、右、中央、両端揃えです。 例 次のコードを実行して、テキストを揃えることができます。 <html> <head> </head> <body> <p style = "text-align:right;"> Asia is a
-
CSSを使用して文の単語間のスペースを追加または削除します
単語間隔 プロパティは、文の単語間のスペースを追加または削除するために使用されます。可能な値は、通常またはスペースを指定する数値です。 例 次のコードを実行して、単語間隔を実装してみてください。 財産。 <html> <head> </head> <body> <p style = "word-spacing:8px;"> A
-
CSSでの単語間隔プロパティの使用
単語間隔 プロパティは、文の単語間のスペースを追加または削除するために使用されます。可能な値は、通常またはスペースを指定する数値です。 例 次のコードを実行して、単語間隔を実装してみてください。 プロパティ: <html> <head> </head> <body> <p style = "word-spacing:7px;"> &nbs
-
段落のテキストをCSSに合わせる
段落のテキストを揃えるには、 text-indentを使用します プロパティ。 例 可能な値は%またはインデントスペースを指定する数値です。次のコードを実行して、テキストインデックスを実装してみてください。 CSSのプロパティ: <html> <head> </head> <body> <p style = "text-indent:2cm;"> &nbs
-
CSSでテキストに下線を引く
text-decorationを使用します CSSでテキストに下線を引くプロパティ。次のコードを実行して、テキストに下線を付けることができます。 <html> <head> </head> <body> <p style = "text-decoration:underline;"> India &nb
-
CSSを使用した取り消し線テキスト
text-decorationを使用します CSSでテキストを取り消し線を引くプロパティ。次のコードを実行して、テキストに下線を付けることができます。 <html> <head> </head> <body> <p style = "text-decoration:line-through;"> This will be stri
-
CSSでの方向プロパティの使用
directionプロパティは、テキストの方向を設定するために使用されます。可能な値はltrまたはrtlです。 例 次のコードを実行して、CSSでテキストの方向を設定してみてください。 <html> <head> </head> <body> <p style = "direction:rtl;"> This text will
-
CSSでフォントサイズを設定する
font-sizeプロパティは、フォントのサイズを拡大または縮小するために使用されます。 font-sizeプロパティは、フォントのサイズを制御するために使用されます。可能な値は、xx-small、x-small、small、medium、large、x-large、xx-large、small、large、size(ピクセル単位または%)です。 <html> <head> </head> <body> <p style
-
CSSでフォントファミリーを設定する
font-familyプロパティは、フォントの表面を変更するために使用されます。可能な値は、任意のフォントファミリ名です。 <html> <head> </head> <body> <p style = "font-family:georgia,garamond,serif;"> This text is rendered in
-
CSSの利点は何ですか?
CSSは、Webページのルックアンドフィール部分を処理します。 CSSを使用すると、テキストの色、フォントのスタイル、段落間の間隔、列のサイズとレイアウトなどを制御できます。 CSSの利点は次のとおりです- CSSは時間を節約します − CSSを一度作成してから、同じシートを複数のHTMLページで再利用できます。 HTML要素ごとにスタイルを定義し、必要な数のWebページに適用できます。 簡単なメンテナンス −グローバルに変更するには、スタイルを変更するだけで、すべてのWebページのすべての要素が自動的に更新されます。 グローバルWeb標準 −現在、HTML属性は非推奨にな
-
CSSを使用した要素のフォントサイズ調整
このプロパティを使用すると、x-heightを調整して、フォントを読みやすくすることができます。可能な値は任意の数です。 例 <html> <head> </head> <body> <p style = "font-size-adjust:0.91;"> Asia is a continent. &n
-
CSSでのfont-weightプロパティの使用
font-weightプロパティは、フォントの太字または太字の表示を増減するために使用されます。 font-weightプロパティは、フォントの太字を指定する機能を提供します。可能な値は、normal、bold、bolder、lighter、100、200、300、400、500、600、700、800、900です。 <html> <head> </head> <body> <p style = "font-we
-
CSSでのfont-variantプロパティの使用
font-variantプロパティは、スモールキャップス効果を作成するために使用されます。可能な値は、通常の値とスモールキャップスです。 <html> <head> </head> <body> <p style = "font-variant:small-caps;"> This text will be rendered as
-
CSSを使用して要素のフォントストレッチを設定します
要素のfont-stretchを設定するには、font-stretchプロパティを使用します。可能な値は、通常、より広い、より狭い、超凝縮、超凝縮、凝縮、半凝縮、半拡張、拡張、超拡張、超拡張である可能性があります。 <html> <head> </head> <body> <p style = "font-stretch:ultra-expanded;">
-
CSSでテキストの方向を設定します
directionプロパティは、テキストの方向を設定するために使用されます。可能な値はltrまたはrtlです。 例 次のコードを実行して、CSSでテキストの方向を設定してみてください。 <html> <head> </head> <body> <p style = "direction:rtl;"> This text will
-
CSSでテキストの色を設定する方法
テキストの色を設定するには、 colorを使用します プロパティ。 例 次のコードを実行して、CSSでcolorプロパティを操作する方法を学ぶことができます。 <html> <head> </head> <body> <p style = "color:blue;"> ANTARTICA is a continent  
-
CSSでのtext-decorationプロパティの使用
text-decorationプロパティは、テキストに下線、上線、取り消し線を付けるために使用されます。 例 次の例は、テキストを装飾する方法を示しています。可能な値は、none、underline、overline、line-through、blinkです。 <html> <head> </head> <body> <p style = "text-decoration:underline;">
-
CSSでフォントスタイルを設定する
フォントスタイルを設定するには、 font-styleを使用します 財産。フォントをイタリック、ノーマル、オブリークに設定します。 例 次のコードを実行して、CSSでフォントスタイルを斜体に設定してみてください。 <html> <head> </head> <body> <p style = "font-style:italic;"> &n
-
CSSでのfont-styleプロパティの使用
font-styleプロパティは、フォントを斜体または斜体にするために使用されます。次のコードを実行して、font-styleプロパティを設定してみてください。 <html> <head> </head> <body> <p style = "font-style:italic;"> This text will be rende
-
CSSでフォントバリアントを設定する
フォントバリアントを設定するには、 font-variantを使用します 財産。フォントをスモールキャップスと通常に設定します。 次のコードを実行して、CSS-でフォントバリアントをスモールキャップスに設定してみてください。 <html> <head> </head> <body> <p style = font-variant:small-caps;> This text will be rendered as small caps </p>