タグ

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

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

    table-layoutプロパティは、テーブル(表)の表示方法を指定する際に使用します。 指定できるのは、テーブル(表)の列幅を自動レイアウトにするか(auto)、固定レイアウトにするか(fixed)についてです。いずれの場合も行の高さは自動的に算出されます。 初期値のtable-layout:auto; では、ブラウザはテーブル(表)全体を読み込んでから、セル内容に合わせて各列の幅を決定して表示を開始しますが、 table-layout:fixed; を指定すると、最初の一行目を読み込んだ時点で各列の幅を固定して表示を開始するため、 表示が速くなるメリットがあります。 table-layoutプロパティに「fixed」を指定する場合には、必要に応じて各列(セル)の幅を指定しますが、幅が指定されていない列には残りの幅が均等に割り当てられます。 ■値 HTMLソース <p>table-lay

    hopekuson
    hopekuson 2015/10/21
    tableは内容によってセル横幅の割り当てが変わるので、列数に応じて均等に割り当てたかったらfixed。
  • ★スタイルシートリファレンス

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

    hopekuson
    hopekuson 2015/06/01
    こんなプロパティあるのはじめて知った
  • border-image...画像ボーダーを指定する

    border-imageプロパティは、画像ボーダーについてまとめて指定する際に使用します。 border-imageプロパティでは、 border-image-source、 border-image-slice、 border-image-width、 border-image-outset、 border-image-repeatの各プロパティの値を、まとめて指定することができます。 省略された値はそれらの初期の値に設定されます。 現在のところ、個別のプロパティをサポートしているブラウザは無いようなので、画像ボーダーを実現する際には、border-imageプロパティを利用するのが一般的です。 border-imageプロパティでも、border-image-outsetの値はブラウザでサポートされていないようです。 画像は上下左右それぞれのボーダー用に4枚必要となるわけではなく、1枚

    hopekuson
    hopekuson 2015/05/09
    顔画像でやってみるとおもしろそう。顔の輪郭がブラウザサイズに応じて伸び縮み
  • ★HTML5タグリファレンス

    <dd>タグは、定義用語や言葉の説明をする際に使用します。 定義・説明リストを作成する際には、 <dl>~</dl>の中に、 <dt>タグで定義・説明される言葉を、 <dd>タグでそれに対応する説明を配置してリストを作成します。 ■HTML4.01からHTML5へのバージョンアップによる変更点 HTML5では、<dl>~</dl>の中の <dt>と <dd>は、必ずしも一対一である必要はありません。 一つの定義(dt)に対して複数の説明(dd)をしたり、 複数の定義(dt)に対して一つの説明(dd)をすることができます。 以下の使用例は、<dfn>タグを使用して、辞書のように語句の意味や使用例を定義したものです。 一つの<dt>に 複数の<dd>を配置して、一つの語句に対する複数の定義を示しています。 ■使用例 HTMLソース <dl> <dt><dfn>平行線</dfn></dt> <d

    hopekuson
    hopekuson 2014/11/18
    “HTML5では、<dl>~</dl>の中の<dt>と<dd>は、必ずしも一対一である必要はありません。 一つの定義(dt)に対して複数の説明(dd)をしたり、 複数の定義(dt)に対して一つの説明(dd)をすることができます。”
  • ★HTML5リファレンス

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

    hopekuson
    hopekuson 2014/03/03
    <small>とか使っていいんだ
  • ★スタイルシートリファレンス

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

    hopekuson
    hopekuson 2014/03/03
    tableにborder-radiusがかからない原因でもあるらしい
  • 1