PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説display:none と visibility:hidden の違い display:none、visibility:hiddenは、両方とも要素を非表示にする場合に使用します。 違いは、非表示にした要素の描画領域を確保するかしないかです。 visibility:hiddenは、非表示にした要素部分のスペースを確保しますが、display:noneは、非表示にした要素部分のスペースを確保しません。 <script type="text/javascript"> var v=true; var d=true; /* visiblity 切替 */ function func_v(frm){ if(v){ v=false; frm.
通常、テキストは右端で折り返しされるはずですが、URL (URI) 等の連続する半角文字は一つの単語と扱われ、折り返さない場合が多い。また、折り返しの条件はブラウザ毎に異なります。 文字列折り返し ブラウザ別サンプル Firefox と IE6 (PNG画像) IE7 beta 2 日本語版 (PNG画像) Opera と Safari (PNG画像) テキスト。実際（現在）の表示 mozilla系以外のブラウザの多くは、URL (URI) 等の連続する半角文字でも、ハイフン「-」等の一部の半角記号を区切りと認識し折り返しするようです。 CSSのword-break:break-all;、word-break:keep-all;はIE独自の仕様なので、IE以外では通常通りの挙動。つまりCSSによる折り返しはされない。Safari,Operaのサンプルでは、半角文字が折り返しさ
ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ
#8 への返信です。 > 再度ですが、こんな感じでは駄目なんでしょうか？ > classでも1つしか使用しない場合同様の効果が出来るのですが・・・。 効果が問題なのではなく、適用される範囲が問題なのです。 CSSの書式効果のみを見た場合、それがidであろうがclassであろうが関係はあ りません。 スクリプトやアンカー機能で用いないのであれば、IDを忘れ去っても良いです。 #4 でも書きましたが、 『IDを使う必要がないのなら、使わなくてよいです。』 なのです。 私は #8 の例文で、 --------------------------------------------------------------------- 印刷したくないのが「印刷したくない」のブロック以外にない場合、他の要素 にも「display:none」が適用される可能性があるのは問題ですよね。 ----------
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
このホームページは、株式会社フムフムのホームページ制作に特化したのプロモーションWebサイトです。 株式会社フムフムのコーポレートサイトはこちらから。ホームページ制作に約20年携わり多くの成功と、多くの失敗を見てきました。ホームページから始まり、SNSなどのサービス、オウンドメディア、自社スマホアプリと時代は大きく様変わりしています。ただホームページを所有することをそろそろやめて、目的をもったホームページ制作やプロモーション、マーケティングをおこないませんか？ 会社のホームページ立ち上げや、今あるホームページの運営に悩む皆さまに、弊社スタッフがアイデアをもってホームページ運営・制作のご提案をさせていただきます。 ©2021 HUMHUM inc. 株式会社フムフム ホームページ制作事業部 広島市西区楠木町1-10-24 第二奥田ビル１階 T. 082 961 3831 F. 082 961
“行間”は line-height と font-size との差と見てよい。この“行間”は上下均等に割り振られる。たとえば，font-size が 10pt，line-height が 12pt の場合，“行間”は 2pt，その割り振りは上下に等しく 1pt ずつである。 長さで指定する場合の単位は pt，em，ex などである。倍率で指定する場合は“行送り”を“font-size”の何倍にするかを直接数値で指定し，この場合単位はつけない。 <P>この段落には line-height 属性は指定されていません。</P> <P STYLE="font-size: 12pt; line-height: 18pt;">この段落の行送りは 18pt で，上下に 3pt ずつ，計 6pt の行間ができています。</P> <P STYLE="line-height: 1.8;">この段落は，行送りを
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment
Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML基本 XHTML DTD / HTM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く