• ベストアンサー

大文字と小文字を等間隔にできますか?

テキストボックスのフォントとラベルのフォントを全く同じ間隔で 並べたいのですが、serifフォント以外ではできません。 フォント依存に頼れない事情もあり、困っています。 スタイルシートでは、不可能なのでしょうか? aaaa AAAA    ← 。。、 こんな感じで大きさが違いすぎて。  自分でもまだまだ試しますが、宜しくお願いします。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
noname#84373
noname#84373
回答No.1

<html> <body> <div style="font:16px monospace">aaa</div> <input type="text" value="AAA" style="font:16px monospace"><br>

kotikaze6
質問者

お礼

まさにこれですね! 目から鱗が落ちる思いです。 ありがとうございました。

その他の回答 (1)

  • abril
  • ベストアンサー率69% (388/560)
回答No.2

> テキストボックスのフォントとラベルのフォントを全く同じ間隔で並べたい > aaaa > AAAA    ← 。。、 こんな感じで大きさが違いすぎて。 ちょっとイメージがよくわかりかねるのですが、テキストボックスとは<input>、ラベルは<label>を使用、ということで宜しいですよね? また、上記引用部分2-3行目のイメージであれば、<label>が<input>の先にきてブロック要素的に並ぶ、という事でしょうか? また、 > フォント依存に頼れない事情 とは、特定のフォントを指定せずに、という条件ですよね。 上記の解釈の上で、検証してみました。 ---------------------------------------------------------------------- 【HTML】 ---------------------------------------------------------------------- <form method="post" action="#" id="hogehoge"> <label for="sample">aaaaa</label> <input class="textbox" type="text" size="40" maxlength="100" name="data" id="sample" value="AAAAA" /> </form> ---------------------------------------------------------------------- 【CSS】 ---------------------------------------------------------------------- input { font-family: monospace; font-size: 12px; } label { display: block; margin: 0 0 0.1em 0;(※bottomの値はお好みで加減を) font-family: monospace; font-size: 12px; } ※font-sizeはinputとlabelで同一でさえあればお好みのサイズでかまいません ---------------------------------------------------------------------- ANo.1の回答者同様、フォント・グループとしてmonospace(「タイプライター体」とも言われる、全てのグリフが同一幅を持ったフォント)を定義しておけば、クライアント側にインストールされているいずれかのmonospaceフォントが適用されます。 実装のイメージが異なる様であれば、補足して下さい。

kotikaze6
質問者

お礼

丁寧な説明ありがとうざいました。 やればやるほどCSSは面白いです。

関連するQ&A

  • keyboard入力なしに文字の大きさを変える方法

    スタイルシートでフォントの大きさをしています。 javascriptを使ってセレクトボックス等で大きさを変更できます。そこで、セレクトボックスも使わず、テキストボックスも使わず、ラジオ・チェックボタンも使わず、何かレバーのような(?)ものなどでフォントサイズを自由に変更できる方法はない? #イメージとしては、アナログのレバーみたいな感じのもの。 #使うのはマウスだけで・・・。

  • 郵便番号の数字の文字間隔を狭くする方法を教えてくだ

    Wordで 年賀状の裏面を作っています。 テキストボックスを使って郵便番号の入力すると 123-4567が 間延びしてしまいます。 文字間隔やフォントで色々試しましたがうまくいきません。 縦長の数字で間隔を最大限狭くして  表示させる方法を教えてください。

  • テキストボックスの中の文字

    WindowsNT4.0でWORD2000を使っています。 縦書きで大きな文字で2行書いたようなワード文書(ページ設定…縦書き、用紙方向:縦、フォントサイズ55、行数2、行送り212.6Pt)に、横書きの普通の書式設定のテキストボックスを貼り付けたいのですがうまくいきません。 フォントサイズは10.5Ptにできるのですが、行間隔が異様に空きます。2行目がどこにあるのか分からないくらいです。 「テキストボックスの書式設定」を見ても、行間隔を設定するような所はないようです。 普通のページ設定の文書(行数36、行送り18Pt、フォントサイズ10.5Pt)の上だとうまくいくので、うまくいかないのは恐らくテキストボックスを貼り付けたページのページ設定が原因だと思うのですが、テキストボックスの書式設定は、貼り付ける先のページ設定に影響されるのでしょうか。行間隔を狭く(18Pt)することはできないのでしょうか。

  • javascriptで、表示されている文字を変更する。

    javascriptで、表示されている文字を変更する。 初歩的な質問になると思いますが、ご教授ください。 javascriptで、例えば、 フォーム内の特定のテキストボックスに、ある値を代入する場合は、 frm1.text1.valur="あああ"; // フォームの名前.テキストボックスの名前.value また、特定の文字<font id="moji1">あああ</font>を表示/非表示する場合は、 document.getElementById('moji1').style.visibility='visible'; // 又は、'hidden' と言った感じで、javascriptで、 特定の文字を変更したいのですが、行き詰っております。 例えば、 <font>あああ</font> を <font>いいい</font> に変更。 どなたかご存知の方、ご教授ねがいます。 よろしくお願いします。  

  • FC2ブログカスタマイズ リンク文字間の間隔について

    記事中のカスタマイズで質問いたします 画像バナーに文字を回り込ます場合は <a href="画像のURL" target="_blank"><img src="画像のURL" alt="bi" border="0"align="left"style="padding-right:20px;" ></a>文字をココに入れる<br clear="all"> で使用しております このソースの場合画像と文字の間隔はstyle="padding-right:20px;" の部分で調整します 判らないのは画像バナーではなくテキストバナーの間隔を自由な数値で放して同じ行中で設置する場合はどのようにするのでしょうか? キーボード操作でスペースを空けても単なる文章と違い間隔は空きませんしソースとソースの間に&nbsp;を入れてもほんの少し離れるだけです。 最初に提示しましたソースに画像URLでは無くテキストバナーのURLを入れたりしてみましたが上手く行きません スタイルシートをいじらないで各部分で使いたいのですが 教えていただけますでしょうか?

  • [MS Word 2003]段落後の間隔

    論文やレポートを書くのに、ワードを使っております。最近スタイルの便利に感動しておる次第なのですが、少々困っていることがあります。 普段私は、 見出し1 見出し2 見出し3 本文 ・ ・ ・ という風にスタイルを指定しておりまして、特に本文は段落後1行の間隔をあけております。なにぶん理工系のレポートですから、数式を入れることが多々あります。数式(必ずしも数式ではなく、定理などの文章も)の部分を効果的に見せるために、段落の途中で改行して数式を挿入し、そこだけをセンタリングするようにしたいのですが、どうも上手くいきません。 たとえば、数式のところを別の段落スタイルで設定してやると文章と数式の間に間隔があいてしまってブサイクですし、数式のところを「中央寄せ」ボタンで真ん中に寄せていると、あと別の部分のスタイルを変更したときに、センタリングが解除されてしまうことがあります。 今のところ、中央寄せしたいものをテキストボックスに入れてそのテキストボックスを横幅一杯の大きさにして、その中で中央寄せする形で回避しているのですが、いちいちテキストボックスを作ることの煩わしさに、難儀しております。 スタイルを指定するだけで、その上下に不自然なスペースが入らない形で数式や文章をセンタリングできる方法はありませんでしょうか。ぜひお知恵を拝借したい次第であります。

  • スタイルシートの文字のサイズを変更したいのにできません・・・

    今小説サイトを作っていて、小説ページに外部スタイルシートを呼び出しているかたちにしています。 スタイルシートはホームページのテンプレートについていたものなのですが、基本設定は下のような感じになっています。 /* 基本設定 */ body,td,th{ font-size:65%; color:#333333; font-family:Verdana,Osaka,'MS P Gothic'; font-weight:normal; margin:0px; padding:0px; } body{ text-align:center; } ここのfont-sizeのところを変えれば文字のサイズを変えられるのかと思ったのですが、%の数字を変えてもmediumやlargeにしてもアップした小説ページを見てみると変わっていません。 スタイルシートの変更の仕方がおかしいのでしょうか。 それとも直す部分が違っているのでしょうか。 教えていただけると助かります。

  • vbaで、オートシェイプ文字幅と間隔について

    動作環境 OS:Windows7(64Bit) Home Premium SP1 MS:Office Version2007 SP3 Excel図形内のテキスト編集で、マウスをドラッグしてテキストの領域を選択後、コンテキスト メニューから、フォント(F)-フォント(設定ダイアログ)画面-[文字幅と間隔]タブ上に、間隔と幅が、 あります(画像参照)。 テキスト設定した場合、vba上から文字間隔と幅を取得する方法が、知りたいです。 それと、カーニングもついでに、取得する方法が、知りたいです。 大体、目途は、付いています。 どなたか、ご指導願います。 ■現在、自分が、分かっている文字間隔と幅を取得するPG(URL参照) http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1188387871 下記の方法ですと、MsgBoxで、[文字間隔を広げる]設定値が取得されます。 For Each wkbWorksheets In ActiveWorkbook.Worksheets For Each wksShapes In wkbWorksheets.Shapes With wksShapes.TextFrame2.TextRange.Characters MsgBox .Font.Spacing End With Next wksShapes Next wkbWorksheets ※[標準]、[文字間隔をつめる]、[カーニング]で、vbaから設定値を取得するには?

  • Access2003 文字配置を均等割り付けにすると右端が切れます

    Access2003 文字配置を均等割り付けにすると右端が切れます レポートの部分を作成しています。 テキストボックスを作成し、某クエリ内の「金額」フィールドを読み出しています。 配置を均等割り付けに設定したら、右端が切れてしまいました。  最後の 0 の右が切れてます。  横の「円」はラベルです。テキストボックスとのラベルの位置は離れているのですが・・・。 標準に直せば、当然右端は切れないのですが、文字の間隔が狭いので困っています。

  • cssで、スォントをまとめて指定する時のスラッシュ

    スタイルシートで、フォント関連をまとめて指定しようと、色々なサイトさまを参考にしているのですが、 調べても解らないことがありまして…。 例えばのスタイルシート↓ { font: 130% /50px serif } …で、 130% と 50px の間にあるスラッシュです。 どう言う意味なのか、 サイズに関する記述でしょうか…。 ↑の例だと、フォントサイズ50pxと言う意味なのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML