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

CSSを使用して、マーカーとそのマーカーに関連するテキストの間の距離を設定します


マーカーオフセット プロパティを使用すると、マーカーとそのマーカーに関連するテキストの間の距離を指定できます。

次のコードを実行して、 marker-offsetを実装してみてください。 プロパティ

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style: inside square; marker-offset:3em;">
         <li>UK</li>
         <li>US</li>
      </ul>
      <ol style = "list-style: outside upper-alpha; marker-offset:3cm;">
         <li>UK</li>
         <li>US</li>
      </ol>
   </body>
</html>

  1. CSSを使用して列間のルールの幅を設定します

    column-rule-widthを使用します 列間のルールの幅を設定するプロパティ。 例 次のコードを実行して、column-rule-widthプロパティを実装してみてください。 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;   &nb

  2. CSSを使用して列間のルールのスタイルを設定します

    列間のルールのスタイルを設定するには、 column-rule-styleを使用します 財産。次のコードを実行して、 column-rule-styleを実装してみてください。 プロパティ。 例 <!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;