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

CSSを使用して順序付きリストの番号文字のスタイルを設定する

list-style-type プロパティを使用すると、順序付きリストの番号付け文字の形状やスタイルを制御できます。

例

<html>
   <head>
   </head>
   <body>
      <ol style = "list-style-type:decimal;">
         <li>India</li>
         <li>US</li>
         <li>UK</li>
      </ol>
   </body>
</html>

  1. CSSでリストスタイルタイプを設定する

    CSSのlist-style-typeプロパティは、リストアイテムのマーカーのスタイルを設定するために使用されます。これらのスタイルは、順序付けされていないリストと順序付けられたリストの両方に適用できます。 構文 CSSのlist-style-typeプロパティの構文は次のとおりです- Selector {    list-style-type: /*value*/ } 例 次の例は、リストのスタイルを示しています <!DOCTYPE html> <html> <head> <style> ol li {   &

  2. 基本リストをCSSでリストグループに変換するにはどうすればよいですか？

    基本リストをCSSで「リストグループ」に変換するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana