「CSS入門」CSS のプロパティ margin-inlineのサンプル
説明
margin-inline は CSS のプロパティで、論理的なインライン方向の先頭と末尾のマージンを設定します。
htmlコード
<div>
<p class="cft">1111111</p>
</div>
<div>
<p class="cft">1111111</p>
</div>
<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;
}
div {
background-color: yellow;
width: 100px;
height: 100px;
}
.cft {
writing-mode: vertical-rl;
margin-inline: 20px 40px;
background-color: #c8c800;
}
div {
background-color: yellow;
width: 100px;
height: 100px;
}
.cft {
writing-mode: vertical-rl;
margin-inline: 20px 40px;
background-color: #c8c800;
}