タグ

cssに関するbayanのブックマーク (12)

  • display(表示の有無)|視覚整形モデル|スタイルシート(CSS)|PHP & JavaScript Room

    PHPJavaScript、Ajax、HTML/XHTMLCSS、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.

    bayan
    bayan 2010/05/26
  • 半角文字列の折り返し 〜HTMLの半角英数字〜

    通常、テキストは右端で折り返しされるはずですが、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のサンプルでは、半角文字が折り返しさ

    bayan
    bayan 2010/03/17
  • ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

    ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

    bayan
    bayan 2007/11/29
  • 神戸市東灘区のトイレつまり修理【1,200円〜】水道局指定業者の水協

    弊社は神戸市東灘区水道局より認定を受けた水道局指定業者ですので安心してご相談ください。トイレや排水溝などのつまりや水漏れなど、あらゆる水回りのトラブルに適切に対応させていただきます。 1200円〜の業界最安値水準の低価格で修理対応しております。もちろんトラブルの原因によって価格は異なりますが、神戸市東灘区内のお宅ではまずは無料出張で現地を確認、無料でお見積もりをご提出させていただきます。その際に価格やサービス内容にご納得いただけずお断りいただいた場合は一切費用はかかりませんので、まずはお気軽にご相談ください。

  • goo

    フォローあなた好みの記事を表示させよう フォロー機能とは フォロー機能とは ボタンを押してあなたの好みのキーワード(ハッシュタグ)をフォローすると、そのキーワードに関連する記事が優先的に表示されます。 フォローしたキーワードは、詳細設定ページの「フォロー中」のエリアに表示されます。

    goo
    bayan
    bayan 2007/10/19
  • display-スタイルシートリファレンス

    山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

    bayan
    bayan 2007/10/19
    表示/非表示
  • kowaza・css | 広島のホームページ制作会社 株式会社フムフム | ホームページ制作事業部

    このホームページは、株式会社フムフムのホームページ制作に特化したのプロモーションWebサイトです。 株式会社フムフムのコーポレートサイトはこちらから。ホームページ制作に約20年携わり多くの成功と、多くの失敗を見てきました。ホームページから始まり、SNSなどのサービス、オウンドメディア、自社スマホアプリと時代は大きく様変わりしています。ただホームページを所有することをそろそろやめて、目的をもったホームページ制作やプロモーション、マーケティングをおこないませんか? 会社のホームページ立ち上げや、今あるホームページの運営に悩む皆さまに、弊社スタッフがアイデアをもってホームページ運営・制作のご提案をさせていただきます。 ©2021 HUMHUM inc. 株式会社フムフム ホームページ制作事業部 広島市西区楠木町1-10-24 第二奥田ビル1階 T. 082 961 3831 F. 082 961

    kowaza・css | 広島のホームページ制作会社 株式会社フムフム | ホームページ制作事業部
    bayan
    bayan 2007/10/19
    writing-mode
  • First step CSS - Section 6

    “行間”は 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;">この段落は,行送りを

    bayan
    bayan 2007/10/19
    字間,letter-spacing,行送り,line-height
  • スタイルシート[CSS]/リンク/リンクテキストの下線を消す - TAG index

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> a { text-decoration: none; } </style> </head> <body> <p><a href="index.html">リンクカテゴリー</a></p> </body> </html> 表示例 リンクカテゴリー

    スタイルシート[CSS]/リンク/リンクテキストの下線を消す - TAG index
    bayan
    bayan 2007/10/19
    text-decoration
  • css Zen Garden: The Beauty in CSS Design

    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

  • CSS段組1:スタイルシートだけで段組を作る方法 - [ホームページ作成] All About

    CSSのfloatとclearで簡単に段組レイアウトを作る方法CSSで段組レイアウトを作る簡単な方法を解説。各段をdiv要素などのボックスで作るだけのシンプルなHTMLに、CSSのfloatとclearプロパティを適用するだけで段組レイアウトが作れます。HTMLCSSをどう書けば段組になるのかの基から、2段組や3段組の作り方、回り込み解除の便利な書き方(clearfix)まで、図とサンプルソースを使って説明しています。

    CSS段組1:スタイルシートだけで段組を作る方法 - [ホームページ作成] All About
    bayan
    bayan 2007/07/05
    float
  • 初心者のためのホームページ作り-Web for beginner ホームページ作成支援

    Play with ConfidenceLearn About Scollabo.com and our Commitment to Players If you’re searching for trusted gaming experiences tailored to Canadian players, we’ve highlighted platforms that consistently set industry benchmarks. Safety is paramount—every site featured here is fully licensed, secure, and transparent about their operations. Players can expect prompt payout speeds, top-rated customer s

    初心者のためのホームページ作り-Web for beginner ホームページ作成支援
  • 1