タグ

ブックマーク / www.koikikukan.com (4)

  • いまさら聞けないCSS font-familyのまとめ

    CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 1.font-familyとは? 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「MS Pゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",sans-serif;

  • IMEで変換候補をまとめて出す方法

    IMEで変換候補をまとめて出す方法を紹介します。 1.問題点 回 WindowsのIMEで、日語かなを漢字や記号に変換するとき、変換候補が10個ずつしか表示されないため、候補数が多い場合など、探すのが結構面倒です。 また、もしかしたら昇順に探すよりも降順に探した方が早い場合もありますが、候補がどこにあるのか分からないので、とりあえず昇順に探すしかありません。 ということで、変換候補をまとめて出す方法を次項で紹介します。 2.変換候補をまとめて出す とりあえず日語を入力し、スペースキーで変換して、次のように変換候補を表示させます。 その後、Tabキーを押すか、表示された変換候補の右下にある「>>」をクリックすると、次のように変換候補がまとめて表示されます。 表示された変換候補は矢印キーで選択するか、マウスでクリックします。もう一度Tabキーを押すか、変換候補の右下にある「<<」をクリック

  • CSS で table に斜線を引く方法

    CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル(クリックすればサンプルページに移動します) Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素(ここでは span)に position: absolute; を設定。 斜線(border)を適用する要素の前に &nbsp; を設定。&nbsp; がなかったり、要素の後方に&nbsp; があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t

    F-SQUARE
    F-SQUARE 2009/10/26
  • Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ

    Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo

    Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ
  • 1