【CSS】リスト関連のプロパティ

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

<ul>
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass{
  list-style-position:inside;
}

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass{
  list-style-type:none;
}

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass{
  list-style-type:decimal;
}

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass{
  list-style-image:url(https://manabu-biology.com/wp-content/uploads/2020/11/00164_01-e1606309240384.png);
}

.ulclass{
  line-height:1.7;
}

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass li{
  display:block;
  float:left;
}

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass li{
  display:block;
  float:left;
  width:70px;
}

<ul class="ulclass">
 <li>list1</li>
 <li>list2</li>
</ul>

.ulclass li{
  display:block;
  float:left;
  width:70px;
　border-left: 1px solid #999999;
}

一番左の項目のボーダーを削除するには次のプロパティを記述します。

li:nth-child(1){
  border-left:none;
}