タグ

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

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

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

  • <strong>-HTML5タグリファレンス

    <strong>タグは、強い重要性を表す際に使用します。 <strong>でテキストの一部の重要性を変更しても、文自体の意味は変更されません。 ■HTML4.01からHTML5へのバージョンアップによる変更点 strong要素はHTML4.01の定義とほぼ同じですが、HTML5では<strong> ~ </strong> の中の一部を、 さらに <strong> ~ </strong> で囲むことで、重要性の強さの程度を指定し分けることができるようになっています。 ■使用例 HTMLソース <p> <strong>警告:</strong> この迷宮は危険です。 <strong>カモをよけてください。</strong>ゴールドを見つけたら取ってください。 <strong><strong>ダイアモンドを取ってはいけません。</strong>それらは爆発して<strong> 10メートル以内のも

  • list-style-type-スタイルシートリファレンス

    list-style-typeプロパティは、リストの先頭に表示するマーカー文字の種類を指定する際に使用します。 閲覧環境により、来の仕様の通りに表示されない値もあるので注意してください。 尚、list-style-typeと、list-style-imageの値を同時に指定した場合には、 list-style-imageの値が優先されます。 ■使用例 HTMLソース <b>list-style-type: none</b> マーカーなし <ul style="list-style-type: none"> <li>いちご</li> <li>人参</li> <li>サンダル</li> </ul> <b>list-style-type: disc</b> 黒丸 <ul style="list-style-type: disc"> <li>いちご</li> <li>人参</li> <li>サン

    hattoushinha
    hattoushinha 2013/01/22
    こんなに種類があったのか
  • radial-gradient()-CSS3リファレンス

    グラデーションの中心位置 at に続けて left, center, rightや、top, center, bottom などの位置を表すキーワード、または、0%, 50%, 100% などの%値でグラデーションラインの中心位置を指定。初期値は center 形状 circle(円)、ellipse(楕円)のいずれか。初期値は ellipse サイズ グラデーションのサイズを以下のキーワードで指定。初期値は farthest-corner closest-side …… ボックスの最も近い辺がグラデーションの終了位置となる farthest-side …… ボックスの最も遠い辺がグラデーションの終了位置となる closest-corner …… ボックスの最も近いコーナーがグラデーションの終了位置となる farthest-corner …… ボックスの最も遠いコーナーがグラデーションの終

  • border-bottom-style-スタイルシートリファレンス

    border-bottom-styleプロパティは、下ボーダーのスタイルを指定する際に使用します。 上下左右のボーダーのスタイルをまとめて指定する際には、border-styleを使用してください。 ■ボーダースタイルの値 none ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。 hidden ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はhiddenの値が優先されます。 solid 1線で表示されます。 double 2線で表示されます。 groove 立体的に窪んだ線で表示されます。 ridge 立体的に隆起した線で表示されます。 inset 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の

  • border-radius-CSS3リファレンス

    border-radiusプロパティは、ボックスの4つのコーナーの角丸をまとめて指定する際に使用します。 それぞれの角丸コーナーは4分の1楕円になりますが、楕円の形状は、下図のように水平方向と垂直方向の2つの半径の組み合わせで決定されます。 border-radiusプロパティで角丸を指定する際には、それぞれのコーナーの楕円の形状を水平方向と垂直方向の半径のセットで表します。 指定するのは、ボーダーの外側の輪郭です。 水平方向と垂直方向の半径のセットは、スラッシュ( / )で区切ります。 スラッシュの前後に水平方向と垂直方向の半径の値を、左上・右上・右下・左下の順で指定します。 スラッシュ以降を省略した場合には、水平垂直ともに同じ値として解釈されます。 また、それぞれのコーナーの値は省略することができますが、その場合には以下のルールに基づいて解釈されます。 左下が省略された場合には、右上と

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

    floatプロパティは、指定された要素を左または右に寄せて配置する際に使用します。 後に続く内容は、その反対側に回り込みます。 尚、floatプロパティは、positionプロパティで static以外の値が指定されている要素には適用されないので注意してください。 ■値 left 指定した要素を左に寄せます。後に続く内容はその右側に回り込みます。 right 指定した要素を右に寄せます。後に続く内容はその左側に回り込みます。 none 特に配置を指定しません。これが初期値です。

  • <META>-HTMLタグリファレンス

    <META>タグはその文書に関する情報(メタ情報)を指定して、 ブラウザや検索ロボットに知らせるためのタグです。制作者やキーワード等の情報をname属性で定義して、 content属性でその値を指定します。 <META>タグは必ず<HEAD>~</HEAD>間に記述してください。 文字コードの指定 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp"> その文書の文字コードが「シフトJIS」の場合は「shift_jis」、

  • 1