ホーム >>> HTML整理ノート

fontスタイルの継承

fontスタイルは子要素に継承される。

Sample

以下は<div style="font:italic 12px 'Arial Black';color:red">内部に、Pタグ、DIVタグ、番号付リスト、定義(説明付き)リスト、表、フォームを子要素として配置。結果は、フォームでは??

これはPタグです

これはDIVタグです
  1. これは番号付きリストです
  2. 同じ
これは定義付きリストです
(説明部分)
 これは  表です
 結果は  継承

フォームでテスト

 

Sample Source......................................................................>>>

<div style="font:italic 12px 'Arial Black';color:red;">
   <p>これはPタグです</p>
  <div>これはDIVタグです</div>
  <ol>
    <li>これは番号付きリストです
    <li>同じ
  </ol>
  <dl>
    <dt>これは定義付きリストです
    <dd>(説明部分)
  </dl>
  <table border="1">
     <tr>
        <td>&nbsp;これは</td>
        <td>&nbsp;表です</td>
     </tr>
     <tr>
        <td>&nbsp;結果は</td>
        <td>&nbsp;継承されない</td>
     </tr>
  </table>
  <form name="form1" style="width:350px;border:thin solid green">
    <p>フォームでテスト</p>
     <input type="text" name="textfield" value="これはTextBoxです">
     <select name="select">
      <option value="1" selected>Test1</option>
      <option value="2">Test2</option>
      <option value="3">Test3</option>
     </select>
     <input type="button" name="btn" value="ボタンです">
    <input type="radio" name="sei" value="osu">男
     <input type="radio" name="sei" value="mesu" checked>女
  </form>
</div>