タグ

CSSに関するKazuponXpのブックマーク (2)

  • CSS: marginの正しい理解 - kojika17

    toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基的な内容ですが、読んで頂ければ幸

    CSS: marginの正しい理解 - kojika17
  • cursor-スタイルシートリファレンス

    cursorプロパティは、マウスカーソルの形状を指定する際に使用します。 下の使用例にある値の中には、ブラウザにより対応していないものもあるので注意してください。 尚、オリジナルカーソルに使用できるファイル形式には、.CUR(カーソルファイル)と.ANI(アニメーションカーソルファイル)があります。 ■使用例 HTMLソース <ul> <li style="cursor: auto">auto ブラウザが自動的に選択したカーソル</li> <li style="cursor: default">default 矢印型など利用環境の標準カーソル</li> <li style="cursor: pointer">pointer リンクカーソル</li> <li style="cursor: crosshair">crosshair 十字カーソル</li> <li style="cursor:

  • 1