SlideShare a Scribd company logo
パートナーコース#2 Javascript

      (14) 復習その2
    位置を移動してみよう



         ver.1.0        1
14-1.html position属性
                                                      style
                                                      <style>
                                                         #div1{
             top:100px                                      position:absolute;
                                                            top:100px;
                                      top:200px             left:100px;
                                                            width:200px;
left:100px                                                  height:200px;
                                                            background-color:yellowgreen;
                                                         }
                         left:500px                      #div2{
                                                            position:absolute;
                                                            top:200px;
                                                            left:500px;
                                                            width:200px;
                                                            height:200px;
                                                            background-color:yellowgreen;
                                                         }
                                                      </style>



                         positionをabsoluteに設定すると、左上からの
                         位置をtopとleftで自由に決められます。

                                            ver.1.0                                  2

More Related Content

More from TENTO_slide

グローバル変数
グローバル変数グローバル変数
グローバル変数TENTO_slide
 
ハッシュと配列
ハッシュと配列ハッシュと配列
ハッシュと配列TENTO_slide
 
配列とループ
配列とループ配列とループ
配列とループTENTO_slide
 
ループその3
ループその3ループその3
ループその3TENTO_slide
 
ループその2
ループその2ループその2
ループその2TENTO_slide
 
デザイン型人材育成のために
デザイン型人材育成のためにデザイン型人材育成のために
デザイン型人材育成のために
TENTO_slide
 
2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料
TENTO_slide
 

More from TENTO_slide (11)

グローバル変数
グローバル変数グローバル変数
グローバル変数
 
関数
関数関数
関数
 
ハッシュと配列
ハッシュと配列ハッシュと配列
ハッシュと配列
 
配列とループ
配列とループ配列とループ
配列とループ
 
ループその3
ループその3ループその3
ループその3
 
ループその2
ループその2ループその2
ループその2
 
デザイン型人材育成のために
デザイン型人材育成のためにデザイン型人材育成のために
デザイン型人材育成のために
 
Html03
Html03Html03
Html03
 
Html02
Html02Html02
Html02
 
Html01
Html01Html01
Html01
 
2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料
 

復習その2

  • 1. パートナーコース#2 Javascript (14) 復習その2 位置を移動してみよう ver.1.0 1
  • 2. 14-1.html position属性 style <style> #div1{ top:100px position:absolute; top:100px; top:200px left:100px; width:200px; left:100px height:200px; background-color:yellowgreen; } left:500px #div2{ position:absolute; top:200px; left:500px; width:200px; height:200px; background-color:yellowgreen; } </style> positionをabsoluteに設定すると、左上からの 位置をtopとleftで自由に決められます。 ver.1.0 2