table-layout－スタイルシートリファレンス
table-layoutプロパティは、テーブル（表）の表示方法を指定する際に使用します。 指定できるのは、テーブル（表）の列幅を自動レイアウトにするか（auto）、固定レイアウトにするか（fixed）についてです。いずれの場合も行の高さは自動的に算出されます。 初期値のtable-layout:auto; では、ブラウザはテーブル（表）全体を読み込んでから、セル内容に合わせて各列の幅を決定して表示を開始しますが、 table-layout:fixed; を指定すると、最初の一行目を読み込んだ時点で各列の幅を固定して表示を開始するため、 表示が速くなるメリットがあります。 table-layoutプロパティに「fixed」を指定する場合には、必要に応じて各列（セル）の幅を指定しますが、幅が指定されていない列には残りの幅が均等に割り当てられます。 ■値 HTMLソース <p>table-lay
outline－スタイルシートリファレンス
outlineプロパティは、アウトラインのスタイル・太さ・色をまとめて指定する際に使用します。 スタイル・太さ・色のうち、指定する値を任意の順序でスペースで区切って記述します。 borderプロパティとは異なり、outlineプロパティには上下左右の概念はありません。 アウトラインをつける（縁取りをする）対象が丸い場合には、アウトラインも丸くなります。 ■アウトラインスタイルの値 none アウトラインは表示されず、太さも0になります。これが初期値です。 solid 1本線で表示されます。 double 2本線で表示されます。 groove 立体的に窪んだ線で表示されます。 ridge 立体的に隆起した線で表示されます。 inset 上と左のアウトラインが暗く、下と右のアウトラインが明るく表示され、アウトラインで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定し
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の値はブラウザでサポートされていないようです。 画像は上下左右それぞれのボーダー用に４枚必要となるわけではなく、１枚
<dd>－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
border-collapse－スタイルシートリファレンス
border-collapseプロパティは、隣接するセルのボーダーを重ねて表示するか（collapse）、間隔をあけて表示するか（separate）を指定します。 ■値 スタイルシート部分は外部ファイル（sample.css）に記述。 table.sample1 {border: solid 1px #000000; border-collapse: collapse;} table.sample2 {border: solid 1px #000000; border-collapse: separate;} td.sample {border: solid 1px #ff0000} HTMLソース <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <table cl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5から意味の変わる要素 <b>、<i>、<em>、<strong>、<small>、<hr>－HTML5リファレンス