top、right、bottom、leftの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)
目次
1.top、right、bottom、leftとは?
top、right、bottom、leftプロパティはボックスの配置方法を指定する際に使用します。
値の指定方法は以下の通りです。
{ top: 値; }
{ right: 値; }
{ bottom: 値; }
{ left: 値; }
値の指定方法
- auto
- 任意の数値+単位
- %値
2.top、right、bottom、leftの使い方
それではtop、right、bottom、leftの使い方をみていきましょう。
以下のようにすることで画面の上部に常に表示されます。
.menu {
position: fixed;
top: 0;
left: 0;
margin: 0;
width: 100%;
background: red;
color: white;
}
他にも値を設定できるのでいろいろと試してみることをオススメします!