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

CSSのlist-style-positionプロパティの使用

list-style-position プロパティは、マーカーが箇条書きを含むボックスの内側または外側のどちらに表示されるかを示します。

テキストが2行目に入ると、テキストはマーカーの下に折り返され、値は内部になります。 。

例

テキストが2行目に入る場合、テキストは最初の行の先頭に揃えられ、値はoutside。になります。 

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:circle; list-style-position:outside;">
         <li>Maths</li>
         <li>Science</li>
      </ul>
   </body>
</html>

  1. CSSでのborder-right-styleプロパティの使用

    border-right-style プロパティは、右の境界線のスタイルを変更します。次のコードを実行して、 border-right-styleを実装してみてください。 プロパティ： 例 <html>    <head>    </head>    <body>       <p style = "border-width:4px;border-right-style:dashed;">     &nb

  2. CSSのlist-style-positionプロパティの使用

    list-style-position プロパティは、マーカーが箇条書きを含むボックスの内側または外側のどちらに表示されるかを示します。 テキストが2行目に入ると、テキストはマーカーの下に折り返され、値は内部になります。 。 例 テキストが2行目に入る場合、テキストは最初の行の先頭に揃えられ、値はoutside。になります。 <html>    <head>    </head>    <body>       <ul style = &quo