自己紹介

自分の写真

田舎でまったり暮らす主婦「さっこ」です。6人家族の紅一点。このサイトではブログに書くほどでもないことをつぶやいていこうかなと思ってます。プロフィールページにはSNS等のアカウントを紹介していますので、そちらもご覧ください。

スキン切り替え

過去ログ

カテゴリ

ハッシュタグ

複合検索

  • カテゴリ
  • #タグ
  • 投稿年月

リンク

Sakko Memo

プロフィールページの一言メッセージフォームで感想を受け付けてます。お気軽にご利用ください。

メモ 2022.3.31(Thu)

リストの記法、微調整しました。リストにリストを入れ子にできるようにしてるんですが、その場合の字下げを2文字分にして字下げをわかりやすくしてます。これがこれが子リストです親リストですこれがこれが子リストです親リストです/*sample*/
[F:ul:[F:li:これが][F:ul:[F:li:これが][F:li:子リストです]][F:li:親リストです]]
[F:ol:[F:li:これが][F:ol:[F:li:これが][F:li:子リストです]][F:li:親リストです]]

/*List*/
.deco-ul,.deco-ol{
   display:block;
   width:100%;
   padding-left:3.2rem;
}
.deco-ul .deco-li,.deco-ol .deco-li{
   display:block;
   position:relative;
   padding-left:1.6rem;
}
.deco-ol .deco-li{
   counter-increment:num;
}
.deco-ol{
   counter-reset:num;
}
.deco-ul .deco-li:before {
   font-family:"bootstrap-icons";
   color:#67b5b7;
   content:"\F26A";
   position: absolute;
   text-align:right;
   width:1.6rem;
   height:1.6rem;
   top:.14rem;
   left:-.3rem;
}
.deco-ol .deco-li:before {
   display:inline-block;
   content:counter(num) ". ";
   position:absolute;
   color:#67b5b7;
   font-family:'Josefin Sans', sans-serif;
   font-weight:bold;
   text-align:right;
   width:3.2rem;
   height:1.6rem;
   top:.25rem;
   left:-1.8rem;
}隠す
#てがろぐ #CSS

« No.2200 / No.2202 »

Sakko Memoに戻る

プロフィールページに戻る