今日のテーマ   日々改造 (^_^;)         
[記事リスト(ツリー表示)]  [ 返信 ]   [新着記事] [最新50] [ワード検索] [過去ログ]

タイトル CSSで pre,tt の指定
投稿日: 2022/08/03(水) 22:41
投稿者konno
 番 号 10204    10200 番 めざら さんへのコメント    コメント数 1

> あくまでもソースなどの「みやすさ」のために,ブラウザが monospace フォントに変えますね。
> 一般的な印刷物でも明示的に consolas とか courier にしていると思います。
> インデントの位置がずれると格好悪いですからね。ウェブでも同じです。サイズも本文より少し小さく。

なるほどそうなんですか、等倍にすると横幅が伸びる分フォントが少し小さくなるのだと思っていました。

> 現状のソースの9行目に STYLE 指定がありますよね。閉じるまでが CSS の指定です。
> この部分に,例えば【pre,tt { font-size:100%; }】のように出力できればよいわけです。
>
> CGIのバージョンが違いますが,「HTMLヘッダ」という見出しを探してみてください。
> 「<style type="text/css">」という行を探してもよいです。ここに
> pre,tt { font-size: 100%; } とか,
> pre,tt { font-size: medium; } とか,
> pre,tt { font-size: 1em; } とか指定すれば,pre指定時も本文とほぼ同じサイズになります。

これは勉強になります、試してみます。

    - No.10204 一括表示へ   -   コメント元:10200 一括表示へ  -    [ 返信 ]    [引用無し] soft


- 関連一覧ツリー (先頭の番号をクリックするとツリー全体を一括表示します)
10195.掲示板のメンテナンス 2022 - konno 22/07/30-23:32
  ┗10196.Re: 掲示板のメンテナンス 2022 - めざら 22/07/31-08:37
   ┣10197.Re^2: 掲示板のメンテナンス 2022 - konno 22/07/31-22:03
   ┣10198.Re^2: 掲示板のメンテナンス 2022 - としき 22/08/01-01:06
   ┣10199.Re^3: 掲示板のメンテナンス 2022 - konno 22/08/03-00:58
   ┗10200.Re^4: 掲示板のメンテナンス 2022 - めざら 22/08/03-10:36
    ┣10203.Re^5: 掲示板のメンテナンス 2022 - めざら 22/08/03-21:44
    ┗10204.CSSで pre,tt の指定 - konno 22/08/03-22:41
     ┗10207.Chrome の monospace フォントに関する指定(確定版) - めざら 22/08/05-13:25
      ┗10208.Re: Chrome の monospace フォントに関する指定(確定版.. - konno 22/08/06-02:14
       ┣10209.Re^2: Chrome の monospace フォントに関する指定(確定.. - めざら 22/08/06-08:38
       ┣10210.Re^3: Chrome の monospace フォントに関する指定(確.. - konno 22/08/07-00:58
       ┗10211.Re^2: 各ブラウザでの見栄え - としき 22/08/13-17:37
        ┣10212.Re^3: 各ブラウザでの見栄え - めざら 22/08/13-22:23
        ┗10213.Re^4: 各ブラウザでの見栄え - としき 22/08/14-00:51
         ┗10218.Re^5: <q>タグと<blockquote> - konno 22/08/14-19:09
          ┗10220.Re^6: <q>タグと<blockquote> - めざら 22/08/14-21:37
           ┣10221.Re^7: <q>タグ出来ました! - konno 22/08/15-14:41
        ┣10214.Re^3: 各ブラウザでの見栄え - としき 22/08/14-13:08
        ┗10215.Re^4: 各ブラウザでの見栄え - めざら 22/08/14-16:44
         ┗10216.Re^5: 各ブラウザでの見栄え - としき 22/08/14-18:03
          ┗10217.Re^6: 各ブラウザでの見栄え - めざら 22/08/14-18:13
           ┣10219.Re^7: 各ブラウザでの見栄え - konno 22/08/14-19:25
           ┗10226.Re^7: 各ブラウザでの見栄え - としき 22/08/17-02:05
            ┗10227.Re^8: 各ブラウザでの見栄え - めざら 22/08/17-13:02
        ┗10278.Re^3: 各ブラウザでの見栄え - としき 22/08/26-22:19
         ┗10282.Re^4: 各ブラウザでの見栄え - konno 22/08/27-21:27
   ┗10202.Re^3: 掲示板のメンテナンス 2022 - めざら 22/08/03-17:48
    ┗10205.Re^4: 掲示板のメンテナンス 2022 - konno 22/08/03-22:49
  ┗10206.BBS新着情報のページを更新 Ver0.82 - konno 22/08/03-23:10
   ┣10224.Re: BBS新着情報のページを更新 Ver0.82 - めざら 22/08/16-22:05
   ┗10225.BBS新着情報のページ更新 Ver0.83 - konno 22/08/17-02:01
   ┗10228.BBS新着情報の更新 Ver0.84 - konno 22/08/17-21:38

- 返信フォーム (この記事に返信する場合は下記フォームから投稿して下さい)   [引用無し]
おなまえ 
Eメール 
タイトル 
メッセージ auto soft pre(図表、プログラム) ※折り返さずに改行を入れてね
 参照先 
 暗証キー (英数字で8文字以内)
 プレビュー          

- 以下のフォームから自分の投稿記事を修正・削除することができます -
   処理   記事No   暗証キー
    [ページトップへ] [管理用]