「CSS」overflow プロパティのvisibleキーワードのサンプル

2014年2月19日2021年11月1日

書式
overflow: visible

使用例

<style>
  .cftA,.cftB {
    border: 1px solid #000;
    width: 160px;
    height: 50px;
    background: SkyBlue;
    /*表示領域を超えた分ははみ出して表示*/
    overflow: visible;
  }
</style>
<p class="cftA">test12345678test123456789test111(overflow)</p>
<p class="cftB">ユーザーエージェントに依存します。内容がパディングボックス内に収まる場合は visible と同じように表示されますが</p>