GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2004/07/02

 
XML
カテゴリ:カテゴリ未分類

    今日は、前回と同じく【TABLEにフォントを入れる2】です。
    【TABLEにフォントを入れる1】では、<FONT>タグを使って、セルの中にフォントを指定しました。
    今回は、スタイルシートを使いまして、TABLEタグの中に直接命令してみましょう!
    まずは、スタイルシートでフォントに命令する属性を紹介します。
  • font-size:13px;  フォントのサイズをPXで指定します。
  • line-height:1.4em;  行間を指定します。これはデフォルトの1.4倍ということです。
  • color:black;  フォントの色を指定します。ここではBLACKです。カラーコードでもOKです。
  • font-family: Comic Sans MS;  フォントの字体を指定します。
    よく使われるのは、この4つです。
    これはダブル枠線になっている、ここのTABLEに指定しています。
    このテーブルのタグを書いて見ましょう。

    <TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="150" BGCOLOR="black" style="cursor:help;border-style:double;border-width:3;border-color:blue;font-size:13px;line-height:1.4em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="lightcyan" VALIGN="top"><UL>
    ここに本文や画像
    </UL></TD></TR></TABLE>


    このように書いています。
    <TABLE>内に指定していますが、<TD>内に入れても同じ効果が出ます。
    TABLE内にスタイルシートで指定しますと、そのTABLE内にあるセルすべてに反映されます。
    ただ、TABLEを何重にも使う時は、注意が必要です。
    一番外側のTABLEの中にフォントを指定して、その中にフォントを指定しないTABLEを入れますと、「字体」と「行間」しか反映されません。
    フォントのサイズとカラーは、親要素である<body>内で指定したものになります。
    ですから、TABLEのなかにTABLEを入れた時は、中に入れたTABLEにもフォントの「サイズ」と「カラー」だけは指定してあげる必要があります。
    ・・・・言ってる事!・・・判ってるかな?(-_-;)・・・お願いわかって!
    具体的にやってみましょう。
    この下↓のテーブルには、フォントをまったく指定していません。

    此処に文字ABCDabcd
    此処に文字ABCDabcd


    そうしますと、字体と行間だけは上で紹介しました属性がそのまま反映されていますが、
    文字のサイズとカラーは楽天広場の自分の編集ページの基本デザインで指定しました、
    「サイズ3(初期設定)」と「ブルーぽい文字色」になります。
    お判りでしょうか・・・!
    では!今日はここまで・・・!皆さん頑張ってくださいませ!
    ........((((ヘ_ _)ヘ カサコソカサコソ

    【プチ講座】
    Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved








Last updated  2004/07/02 06:22:12 PM
コメント(2) | コメントを書く



PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.