無料ホームページ作成!CSS・スタイルシート
要素の位置

無料ホームページ作成!CSS・配置
要素の位置

ホームページの要素の位置の指定

top,right,bottom,left属性

top,right,bottom,left属性は要素の位置を指定する属性です、top属性は上、right属性は右、bottom属性は下、left属性は左からの位置を指定できます。
position属性を指定しなければ指定できません。

top,right,bottom,left属性の使い方

CSSソース

セレクタ{
	position:relative;
	left:100px;
}
 
結果

元の位置より右に100px動かしています。

top,right,bottom,left属性で宣言できる値

共通
概要
数値 pxを使ったりして単位で指定
% %で数値を指定
auto 位置を自動で指定

値の使用例

top,right,bottom,left属性はposition属性を忘れてはいけません。
autoは覚えなくてよいでしょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS