タグ

ブックマーク / www.htmq.com (9)

  • position―スタイルシートリファレンス

    positionプロパティは、ボックスの配置方法(基準位置)が、相対位置か絶対位置かを指定する際に使用します。 positionプロパティで指定するのは、配置方法(基準位置)のみです。 実際の表示位置の指定には、 top、 bottom、 left、 rightを併用して、基準位置からの距離を設定する必要があります。 ■値 static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。 relative 相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となります。 absolute 絶対位置への配置となります。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置となります。親ボックスにpositi

  • background-size-CSS3リファレンス

    background-sizeプロパティは、背景画像のサイズを指定する際に使用します。 長さやパーセンテージで指定する場合、値を2つ記述すると、それぞれ記述した順に幅と高さを表します。 1つだけ指定した場合には、もう1つはautoと解釈されます。負の値を指定することはできません。 ■値 auto 自動的に算出される(初期値) contain 縦横比は保持して、背景領域に収まる最大サイズになるように背景画像を拡大縮小する cover 縦横比は保持して、背景領域を完全に覆う最小サイズになるように背景画像を拡大縮小する 長さ 背景画像の幅・高さを指定する パーセンテージ 背景領域に対する背景画像の幅・高さのパーセンテージを指定する CSSソースは外部ファイル(sample.css)に記述 p.sample1 { width:300px; height:80px; padding:15px; bo

    sutara_lumpur
    sutara_lumpur 2013/12/11
    こんなプロパティが追加されていたとは ∑(°д°) #CSS3
  • column-count-CSSリファレンス

    ページが移転しました。

    sutara_lumpur
    sutara_lumpur 2013/11/12
    知らなかった…。かっこよすぎる!お手軽! #CSS3
  • <wbr>-HTML5タグリファレンス

    <wbr>タグは、改行しても良い位置を示す際に使用します。 wbr要素の内容は、その前後のテキストの一部とは見なされません。 例えば、「アグリゲイティバクター・アクチノミセテムコミタンス」という言葉が長いからといって、 「アグリゲイティバクター・<wbr>アクチノミセテムコミタンス」のように指定してしまうと、 改行の前後がそれぞれ別の言葉として解釈されてしまうかもしれません。 ■HTML4.01からHTML5へのバージョンアップによる変更点 <wbr>は、もともとはNetscape Navigator独自の要素で、 HTML4.01の仕様には取り入れられていませんが、すでに一部のブラウザでサポートされています。 HTML5では、標準仕様として採用される予定です。 ■使用例 HTMLソース <p> <b>wbr要素なしの場合</b><br> SheSellsSeaShellsByTheSea

    sutara_lumpur
    sutara_lumpur 2012/12/21
    #HTML5 せっかくの便利なタグなのに、はてダでは対応してないみたいorz
  • text-transform-CSSリファレンス

    ページが移転しました。

    sutara_lumpur
    sutara_lumpur 2012/11/10
    へー、大文字小文字の表示を指定するCSSプロパティなんてあったんだー。
  • <input>-HTML5タグリファレンス

    <input>タグは、フォーム(<form>~</form>)を構成する様々な入力部品を作成する際に使用します。 ■フォーム部品の種類を指定するtype属性 type属性は、フォーム部品の種類を指定する際に使用します。 <input>要素は、type属性にどのような値を指定するかによって、 一行テキストボックス・チェックボックス・ラジオボタン・送信ボタン・リセットボタン等、 フォーム部品の種類を指定し分けることができます。 type属性の初期値は、type="text"(一行テキストボックス)です。 ■type属性の値 type="hidden" 画面上は表示されない隠しデータを指定する type="text" 一行テキストボックスを作成する(初期値) type="search" 検索テキストの入力欄を作成する type="tel" 電話番号の入力欄を作成する type="url" URL

  • box-sizing-CSS3リファレンス

    box-sizingプロパティは、ボックスサイズの算出方法を指定する際に使用します。 値にcontent-boxを指定すると、 widthとheightで指定する幅と高さが内容領域に対して適用されます。 幅と高さにはパディングとボーダーは含まれません。 これはCSS2.1の仕様通りの解釈で、DOCTYPEスイッチの標準モードのような表示になります。 値にborder-boxを指定すると、widthとheightで指定する幅と高さがボーダーボックスに対して適用されます。 内容領域にパディングとボーダーを含んだ範囲に対して幅と高さが適用されるため、 パディングとボーダーの分だけボックスサイズが小さくなります。 DOCTYPEスイッチの互換モードのような表示になります。 ■値 content-box パディングとボーダーを幅と高さに含めない(初期値) border-box パディングとボーダーを

    sutara_lumpur
    sutara_lumpur 2012/02/03
    #CSS3 まだベンダープレフィックスが必要みたいだけど、これは要素の高さを揃えるのに本当に便利。
  • box-orient-CSS3リファレンス

    box-orient …… ボックス内の子要素の配置方向を指定する ※サポートされているブラウザは現在調査中です。 box-orientプロパティは、フレキシブルボックス内の子要素の配置方向を指定する際に使用します。 フレキシブルボックスとは、サイズや配置を相対的に指定できる柔軟なボックスのことです。 ブロックレベルボックスをフレキシブルボックスにするには、displayプロパティの値に box を指定します。 また、インラインボックスをフレキシブルボックスにするには、displayプロパティの値に inline-box を指定します。 例えば、<div>~</div>に display:box を指定すると、このdiv要素はフレキシブルボックスとなります。 このフレキシブルボックスの中にある<div>~</div>などの子ボックス達が水平に並んで、 あたかも全体がひとつのボックスであるか

    sutara_lumpur
    sutara_lumpur 2011/12/05
    #CSS3 すげえ。もう、『float:left』の後に『clear:both』つけた空のdivタグを置いたりする必要はなくなるんだ!
  • ★HTML5リファレンス(旧仕様)

    山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

    sutara_lumpur
    sutara_lumpur 2011/11/12
    昔からずっとお世話になってます m(_ _)m
  • 1