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

CSSを使用して箇条書きを含むボックスの外側にマーカーを設定します

箇条書きを含むボックスの外側にマーカーを設定するには、を使用します。 値がoutsideのlist-style-positionプロパティ 。

例

外部 値は、テキストが2行目に入る場合、テキストが1行目の先頭に揃えられることを意味します

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

  1. CSSを使用して句読文字を行ボックスの外側に配置できるかどうかを設定します

    ぶら下げ句読点を使用する 句読文字をラインボックスの外側に配置できるかどうかを設定するプロパティ。次の値があります Sr.No プロパティの値と説明 1。 最後 句読点なし 2。 最初 最初の行の開始エッジの外側の句読点 3。 最後 最後の行の端の端の外側の句読点 Webページでこのように設定します hanging-punctuation: none; hanging-punctuation: first; hanging-punctuation: last;

  2. ::markerCSSSelectorを使用してリストの箇条書きの色を変更する

    構文 CSS::マーカーセレクターの構文は次のとおりです- Selector::marker {    attribute: /*value*/; } 例 次の例は、CSS::マーカーセレクターを示しています。 <!DOCTYPE html> <html>    <head>       <style>          ul {             list-