アーカイブ

  • スタイルシートのマージンの指定の仕方

    CSSのmarginプロパティの設定の仕方が思ったよりいろいろあったので、ここにメモenpitu.gif

    詳しくは、HAC DesignさんのCSS marginという記事を見て下さい。

    /* 上下左右を個別指定 */
    #element{
    	margin-top:30px;
    	margin-bottom:10px;
    	margin-right:20px;
    	margin-left:40px;
    }
    
    /* 上記を纏めて書くと、上下左右を個別指定 */
    #element{
    	margin:30px 20px 10px 40px;
    }
    
    /* 上下左右に30pxの余白ができる。 */
    #element{
    	margin:30px;
    }
    
    /* 上下に30px 左右に20pxの余白ができる。 */
    #element{
    	margin:30px 20px;
    }
    
    /* 上に30px 左右に20px 下に40pxの余白ができる。 */
    #element{
    	margin:30px 20px 40px;
    }
    
    2010年 1月 13日 | Filed under CSS
カテゴリー ‘CSS’ のアーカイブ