「CSS入門」CSS のプロパティ margin-inlineのサンプル

2013年8月20日2020年11月29日

説明
margin-inline は CSS のプロパティで、論理的なインライン方向の先頭と末尾のマージンを設定します。
htmlコード

<div>
  <p class="cft">1111111</p>
</div>

CSSコード

div {
  background-color: yellow;
  width: 100px;
  height: 100px;
}

.cft {
  writing-mode: vertical-rl;
  margin-inline: 20px 40px;
  background-color: #c8c800;
}