Category Archives for CSS

[CSS] 3D変形(transform)のまとめ

CSS3からは、要素の3D表現が可能になっている。 基本的には、2D変形の機能と同じ形式。 ただし、ブラウザごとに微妙に動作が異なるので注意。 また、全体的にSassなどのメタ言語を使わないと厳しいか。 基本 基本的に、 … Continue reading

2015 年 7 月 18 日 by
Categories: CSS |

[CSS] ボックスモデルでのサイズ決定方法:width、heightとborder、paddingの関係

HTMLにおけるdivなどのブロック要素では、width、heightのサイズ指定した値にborderとpaddingを足し合わせたものが、実際の表示上のサイズになる。 横幅の計算方法: 表示上の横幅=width+bor … Continue reading

2015 年 4 月 12 日 by
Categories: CSS |

[CSS] 2カラム・3カラムをつくる方法:floatやdisplayプロパティの利用

HTML <div id=”container”> <div id=”left-pane”></div> <div id=”main”></div> <d … Continue reading

2013 年 4 月 24 日 by
Categories: CSS, HTML |

[CSS] display: table-cell;を利用した垂直・水平方向の中央寄せ:tableプロパティの特徴

marginを利用する場合の問題点 水平方向にしかセンタリングできない 対象要素の横幅がわかっている場合しかセンタリングできない よって、垂直方向にセンタリングしたい場合や対象要素の横幅がわからない(もしくは可変である) … Continue reading

2013 年 4 月 22 日 by
Categories: CSS |

[CSS] text-align・vertical-alignプロパティの特徴

text-align 特定の要素の子孫にあるテキストやインライン要素を横方向(水平方向)のどの位置にするか指定。 このプロパティは継承されるので、設定を変えたい場合は子孫の要素のどこかで再設定する必要がある。 なお、デフ … Continue reading

2013 年 4 月 21 日 by
Categories: CSS |

← Older posts