bottom

UK[ˈbɒtəm] US[ˈbɑ:təm]

n.底;端;ヒップ;端

adj.底of

vt. 底を設置する; 深さを測定する; 真実を知るため

vi. 底に到達する; 基礎を確立する

CSS ボトムプロパティ 構文

関数:bottom 属性は要素の下端を指定します。

説明: この属性は、位置決めされた要素の下マージン境界と、その要素を含むブロックの下境界との間のオフセットを定義します。 「position」プロパティの値が「static」の場合、「bottom」プロパティを設定しても効果はありません。

注: すべての主要なブラウザは、bottom 属性をサポートしています。属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。

CSS ボトムプロパティ 例

<html>
<head>
<style type="text/css">
img.ex1
{
position:absolute;
bottom:0px;
}
img.ex2
{
position:relative;
bottom:-100px;
}
</style>
</head>
<body>
<img class="ex1" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<h1>This is a heading</h1>
<img class="ex2" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します