Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSを使用してテキストのフローとフォーマットを制御する

空白 プロパティは、テキストのフローとフォーマットを制御するために使用されます。

例

次のコードを実行して、テキストの流れを制御する空白プロパティを実装してみてください。

<html>
   <head>
   </head>
   <body>
      <p style = "white-space:pre;">
         This text has a line break and the white-space pre setting tells the browser to honor
         it just like the HTML pre tag.</p>
   </body>
</html>

  1. CSSでのテキストのフォーマット

    CSSを使用すると、テキストをフォーマットして視覚的に魅力的なコンテンツを作成できます。次のプロパティは、CSSを使用してテキストのスタイルを設定するために使用されます。 色 このプロパティは、テキストの色を変更するのに役立ちます。 文字間隔 このプロパティは、文字間の間隔を設定するために使用されます。 行の高さ 線の高さは、このプロパティを使用して指定されます。 text-align テキストの水平方向の配置は、text-alignプロパティによって制御されます。 テキスト装飾 下線、取り消し線、または上線を引いてスタイルを設定するには、テキスト装飾を使用し

  2. CSSハイフンプロパティを使用してテキストにハイフンを追加する

    CSSのハイフンの使用 プロパティでは、テキストにハイフンを追加する方法を指定できます。 例 次の例は、CSSハイフンプロパティを示しています。 <!DOCTYPE html> <html> <head> <style> div {    width: 20%;    border: 2px groove lime;    margin: 10px;    padding: 10px;    hyphens: none;