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

  • HTML[fieldset要素]フォーム部品のグループを表す - TAG index

    disabled属性の指定は、fieldset要素内のlegend要素には適用されません。(legend要素内のフォーム部品は無効化されません) fieldset要素を使用すると、複数のフォーム部品を1つのグループにまとめることができます。 次の例では、申込者とお届け先の2つのグループを作成しています。(1つのフォーム内には、複数のグループを配置することができます) <fieldset> <legend>申込者</legend> <p>お名前:<input type="text" name="name1"></p> <p>ご住所:<input type="text" name="address1"></p> </fieldset> <fieldset> <legend>お届け先</legend> <p>お名前:<input type="text" name="name2"></p> <p>

    HTML[fieldset要素]フォーム部品のグループを表す - TAG index
    hujuu
    hujuu 2024/02/06
  • スタイルシート[CSS]/ボックス/ボックスのパディング(内側の余白)を指定する - TAG index

    指定方法 次のように、4タイプの指定方法があります。それぞれの値は、半角スペースで区切って記述します。 padding: 2px; … [上下左右] を指定 padding: 2px 4px; … [上下] と [左右] を指定 padding: 2px 4px 6px; … [上] と [左右] と [下] を指定 padding: 2px 4px 6px 8px; … [上] と [右] と [下] と [左] を指定 マージンとパディング マージン … 境界線より外側にある余白部分 パディング … 境界線と内容領域の間にある余白部分 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title

    スタイルシート[CSS]/ボックス/ボックスのパディング(内側の余白)を指定する - TAG index
    hujuu
    hujuu 2023/12/27
  • スタイルシート[CSS]/イメージ/画像の大きさを指定する - TAG index

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> img.example1 { width: 96px; height: 65px; } img.example2 { width: 100%; height: 130px; } </style> </head> <body> <p><img src="rainbow.jpg" alt="[写真]"> 通常の大きさ</p> <p><img src="rainbow.jpg" alt="[写真]" class="example1"> 縮小</p> <p><img src=

    スタイルシート[CSS]/イメージ/画像の大きさを指定する - TAG index
    hujuu
    hujuu 2022/10/24
    “width: 96px;”
  • HTMLタグ/リンクタグ/リンクのクリックでメールソフトを起動させる - TAG index

    a要素に以下の指定を行なうと、リンクをクリックした時にメールソフトが立ち上がるようになります。 メールの宛先欄には、指定したメールアドレスが既に入力された状態になります。 以下のサンプルコードをコピーする場合は、メールアドレスの書き換えを忘れないようにご注意ください。 <a href="mailto:info@example.com">メールはこちらへ</a>

    HTMLタグ/リンクタグ/リンクのクリックでメールソフトを起動させる - TAG index
    hujuu
    hujuu 2020/12/02
    “<a href="mailto:address"></a>”
  • HTMLタグ/イメージタグ/画像のサイズを指定する - TAG index Webサイト

    この属性を指定することで、画像の表示サイズを変更することができます。 しかし、データ量そのものは変化しないので、巨大な画像を扱う際(サムネイルとして縮小する場合など)には注意が必要です。また、この属性で表示サイズを変更すると、画質が悪くなってしまう場合があります。(画像サイズの変更には、画像編集ソフトを使用した方がいいでしょう) 大きさを変更しない場合でもサイズ指定を行う 画像の大きさを変更しない場合でも、サイズの指定を行っておくことをお勧めします。 (193×130) 例えば、幅193ピクセル×高さ130ピクセルの画像を読み込む場合は、そのサイズをそのまま次のように指定しておきます。 <img src="rainbow.jpg" alt="写真" width="193" height="130"> 画像のサイズを指定しておくと、画像の読み込みを待たずに文書全体が表示されるようになります。

    HTMLタグ/イメージタグ/画像のサイズを指定する - TAG index Webサイト
    hujuu
    hujuu 2020/08/07
  • HTMLタグ/テーブルタグ/セル内の文字の位置を指定する - TAG index

    tr要素に指定した場合 … 属性の指定は、行内の全てにセルに適用されます。 td要素(th要素)に指定した場合 … 属性の指定は、そのセルにだけ適用されます。 justifyの指定について 複数行に渡る長いテキストの場合に、各行(最終行を除く)の右端が綺麗に揃うように単語間隔が自動的に調整されます。(英文などの場合に有効のようです) ベースラインについて 英文などの場合、例えば x と y では下辺の位置が異なります。 x 文字のように、下側にはみ出ていない文字の下辺ラインを、ベースラインといいます。 日語の場合はベースラインは存在しません。

    HTMLタグ/テーブルタグ/セル内の文字の位置を指定する - TAG index
    hujuu
    hujuu 2020/07/25
    “ align="right"”
  • HTMLタグ/フレームタグ/インラインフレームの背景を透過する - TAG index

    上記の属性は、HTML 4.01では定義されていません。 この属性を指定する場合は、事前に以下の設定を行っておく必要があります。 インラインフレームに読み込まれる文書の設定 インラインフレーム内に読み込まれる文書のbody要素に、スタイルシートで次の内容を指定しておきます。 <body style="background-color: transparent;"> background-color … 背景色を設定するプロパティ transparent … 透過を指定 allowtransparency属性は、上記の設定内容を有効にするかどうかを指定することになります。 Firefoxなどでは、この属性を指定しなくても透過の設定が有効になります。

    HTMLタグ/フレームタグ/インラインフレームの背景を透過する - TAG index
    hujuu
    hujuu 2020/07/09
  • リスト全体の余白を調整する

    margin の値には auto(自動)を指定することもできます。 マージンとパディングの指定については、以下のページをご覧ください。 ボックスのマージン(外側の余白)を指定する ボックスのパディング(内側の余白)を指定する デフォルトの余白を取り除く方法 一般的なブラウザでは、リストの周囲に適度な余白が設定されています。 この余白を取り除きたい場合は、ul要素(またはol要素)に対して次のスタイルを設定します。 ul { margin: 0 0 0 1em; padding: 0; } 左マージンは、少なくともリストマーカー1つ分以上の大きさが必要です。(以下は1つの目安です) ul要素に設定する場合 … 1em 程度 ol要素に設定する場合 … 1.5em ~ 2em 程度 マージンとパディングを 0 にして、左マージンにだけ上記の値を設定する、といった感じになります。 余白の比較 u

    リスト全体の余白を調整する
    hujuu
    hujuu 2015/09/25
    “ul { margin: 0 0 0 1em; padding: 0; }”
  • 1