web用語辞典

web用語辞典内検索 / 「CSSハック」で検索した結果

• CSSハック
  CSSハック 読み：しーえすえすはっく 英語：CSS hack 別名： 意味： CSSハックとはブラウザごとに差異のあるCSSの振る舞いに対し、特定のブラウザに対しCSSを適用させたり外したりする技法のこと。 CSSハックに関する情報は「CSS Filters and Hacks」 2010年09月06日 パスフィルタ ボックスモデル・ハック? SBMH? Conditional Comment? コメント・ハック?ホーリー・ハック アンダースコア・ハック スター・ハック スター7・ハック? ハッシュ・ハック? clearfix? CSS クロスブラウザ
• ホーリー・ハック
  ...Eだけ除外するためのCSSハックです。 MacintoshのブラウザSafari以前に多く使われていたMac IE5の癖を回避するために使われます。 クロスブラウザ対策の一つコメントハックの一種です。 2010年03月25日 クロスブラウザ CSSハック コメント・ハック? パスフィルタ Macintosh Mac IE?
• スター・ハック
  ... スターハックとは、CSSハックのひとつでIE４～6、Mac IE4～5のみにスタイルを適用する技のこと。 適用したいセレクタの前に「* html」をつけることで行えます。 例：IE4～6、Mac IE4～5のみ文字色を青にする * html p { 　color blue; } 2010年07月06日 CSSハック
• リセットCSS
  ...せん。 その場合はCSSハックなどを使い個別にスタイル補正を適用します。 2012年04月10日 CSS デフォルト・スタイル? Webブラウザ CSSハック ノーマライズCSS Generic Reset?
• アンダースコア・ハック
  ...ースコアハックとは、CSSハックのひとつでIE4～6、Mac IE4～5のみにスタイルが適用できる技のこと。 適用したいプロパティの先頭に「_」をつけるだけの簡単なハックだがCSS Validatorには通りません。 例：IE4～6、Mac IE4～5のみに文字色を青に変える。 p { 　font-size 90%; 　_color blue; } 2010年07月06日 CSSハック
• CSS
  ...問題を解決するためにCSSハックなる臨時的な手法も編み出された。 2018年07月14日 CSS 1? CSS 2? CSS 2.1 CSS 3 CSS標準 CSS Validator? BEM HTML SCSS Sass Webブラウザ カスケーディング? セレクタ(CSS) シンプルセレクタ? プロパティ(CSS) 値【value】(CSS)? 宣言(CSS) 宣言ブロック 規則集合? 擬似クラス? 擬似要素? インライン要素 ブロック要素? ハンドリング 継承(CSS) selector s specificity? リニアライズ? ■ 記述法 外部スタイルシート? エンベデッド・スタイルシート? インライン・スタイルシート 全称セレクタ ロールオーバー インデント 作成者定義スタイルシート? ユーザ定義スタイルシート? デフォルト・スタイル...
• パスフィルタ
  ...けに適用したい場合のCSSハックです。 各ブラウザのバージョンごとの仕様やバグを利用してハックするのでそれぞれ指定方法が異なります。 例： /* Windows IE5のみ適用 */ @media tty{ i{content "\";/*" "*/}}; @import IE5.css ; {;}/*";} }/* */ /* Windows IE5.5のみ適用 */ @media tty{ i{content "\";/*" "*/}}@m; @import IE5_5.css ; /*";} }/* */ /* Windows IE 6以上,Firefox, Safariなどモダンブラウザに適用 */ @import "null?\&q...
• hasLayout
  ...となることから様々なCSSハックなどで対応されている。 以下のプロパティでtrueにすることができる。 プロパティ 値 display inline-block width any value height any value zoom any value float left right position absolute 2011年04月22日 CSSハックホーリー・ハック HTML CSS Internet Explorer
• クロスブラウザ
  ...07月08日 CSSハック Polyfill JavaScript CSS Internet Explorer
• Polyfill
  ...avaScript CSSハック エミュレート? トランスパイラ
• CSS 3
  ボックス・レイアウト マルチ・カラム メディア・クエリ? ベンダー・プレフィックス? CSS HTML 5?
• CSS3
  ■ CSS3プロパティ box-shadow? border-radius? linear-gradient? text-shadow? CSS3 PIE? CSS HTML5
• 宣言(CSS)
  宣言(CSS) 読み：せんげん 英語：declaration 別名： 意味： 宣言とは、CSSにおいて具体的なスタイルを記述する部分のこと。 「プロパティ 値」という形で記述します。 例： セレクタ { プロパティ 値; /* この文が宣言部分 */ } 2009年10月10日 プロパティ(CSS) 値(CSS)? 宣言ブロック CSS
• CSS標準
  レンダリング・モード互換モード 標準モード 準標準モード DOCTYPEスイッチ CSS Validator? CSS
• CSS Expressions
  CSS Expressions 読み：しーえすえす えきすぷれっしょんず 英語：CSS Expressions 別名：CSS expression関数, CSS expression 意味： CSS Expressionsとは、CSS内にJavaScriptを記述できるCSS拡張機能のこと。IE独自の拡張でありIE5から導入された。 プロパティの値にダイナミック・プロパティを書き入れてスクリプトを記述することがきます。 CSSに埋め込まれたJavaScriptは非常に強力なため、スタイルを自在に操れる反面、パフォーマンスが落ちる、セキュリティホールができやすいなどのデメリットがあった。 開発チームは2008年10月16日にサポートを終了の宣言をした。 サポートを終了された理由はこれからはWeb標準に準拠させていくため セキュリティの強化のた...
• CSS Sprites
  CSS Sprites 読み：しーえすえす すぷらいと 英語：CSS Sprites 別名：CSS Sprite 意味： CSS Spritesとは、Webページで複数の画像を表示する際、CSS側で調節して表示する手法のこと。 HTTPリクエスト?を減らし、処理内容を軽減する効果があります。 処理を高速化する反面、alt属性が使えない、記述が複雑化するなどのデメリットもあります。 2010年12月06日 Sprite CSS alt属性? HTTPリクエスト? GIF? PNG
• セレクタ(CSS)
  セレクタ(CSS) 読み：せれくた 英語：selector 別名： 意味： セレクタとは、スタイルをどの部分に適用するかを宣言する指定のこと。 セレクタの種類は様々あり、種類によって指定の仕方が決められています。 例： セレクタ { 　　宣言ブロック } 2011年10月08日 全称セレクタ タイプセレクタ IDセレクタ? クラスセレクタ? グループセレクタ? 子孫セレクタ? 属性セレクタ? 文脈セレクタ? 擬似クラスセレクタ? 宣言ブロック CSS
• メディアタイプ(CSS)
  メディアタイプ(CSS) 読み：めでぃあたいぷ 英語：media type 意味： メディアタイプとは、CSSで出力媒体を判断するため指定のこと。 madia="メディアタイプ"で指定されます。 all, screen, print ,tty などがあります。 2011年06月23日 Media Queries @media規則? @import規則? CSS
• ノーマライズCSS
  リセットCSS クロス・ブラウザ?
• SCSS
  Sass
• 宣言ブロック
  宣言ブロック(CSS) 読み：せんげんぶろっく 英語：declaration block 別名： 意味： 宣言ブロックとは、CSSの宣言?を書き込むブロックのこと。 ブロック内に宣言のまとまりを記述します。 CSSの「{」から「}」のこと。 2009年10月10日 宣言(CSS) CSS
• Sass
  Sass 読み：さす 英語：Sass(Syntactically Awesome Style Sheet) 別名： 意味： Sassとは、シンプルで冗長的な記法しかないCSSにもっと簡便な書き方で管理できるようにしたメタ言語のこと。 CSSはシンプルなスタイルを決める記法しかないため、スタイルシートが複雑になってくると膨大になったりメンテナンスが大変になってきたりします。複雑なスタイルシートをもっと簡便にかけるような方法が求められてきましたがCSS自体の仕様変更は互換性などもありなかなか進みませんでした。そこで考え出されたのが新しい文法で書いたものをプリプロセッサーで既存のCSSに変換するという方法を取ったものがSassでした。 Sassはかなり簡便な書き方でスタイルシートを管理できるようになっていましたがCSSとは文法がかけ離れておりなかなか普及しませんでした。 現...
• CSS 2.1
  @pageルール?
• Compass
  SCSS Sass CSS
• クリック・ジャッキング
  クリックジャッキング 読み：くりっくじゃっきんぐ 英語：clickjacking 別名：クリックジャッキング攻撃 種類：攻撃手法 意味： クリックジャッキングとは、視覚的に正常に見えるページに別のサイトのページを埋め込み、ユーザを騙してリンクなどクリックさせる攻撃方法のこと。 ユーザは正常なサイトと思い込んで操作してしまうため、意図せず不正な操作や情報漏洩が発生します。 手法としてFlashやiframeで分かりにくい様にクリックさせるページを紛れ込ませる。CSSなどによって透明なページをかぶせ表示された意味と違う操作をさせてしまうなどの方法が存在する。 単純にJavaScriptを作動させないようにしただけでは防げないので注意が必要である。 対策として、X-Frame-Optionsレスポンスヘッダを用いる方法などがある。 2015年1...
• 継承(CSS)
  inherit?
• コンポジション・ワーク
  コンポジションワーク 読み：こんぽじしょんわーく 英語：composition work 別名： 意味： コンポジションワークとはXHTML(HTML)で製作された構造化されたボックス?構造をCSSを使い人間にとって見やすいレイアウトに配置する作業のこと。 各コンテンツをコンテンツ別にボックスで囲いidやclassを付与し、どのようにレイアウトするかを決めていきます。 Webデサインの設計図に当たります。 2010年07月28日 マルチカラム? Webデザイン CSS HTML XHTML
• ベンダー・プリフィックス
  ベンダー・プリフィックス 読み：べんだーぷりふぃっくす 英語：vendor prefix 別名：ベンダプリフィックス,　ベンダープレフィックス 意味： ベンダープリフィックスとは、CSS3においてプロパティ名にベンダの接頭語をつけたもののこと。 ブラウザ独自の拡張機能やまだ草案段階の実装を先進的に取り入れることを明示することで後からの仕様変更のリスクに備える意味がある。 Mozillaのプリフィックス"-moz-"やChromeの"-webkit-"などの接頭語がそれにあたる。 様々な拡張機能が使用できる反面、マルチブラウザに対応させるため同じプロパティをベンダープリフィックスごとに書かなければならない。 例 　-moz-box-shadow 5px 5px; 　-webkit-box-shadow 5px...
• タイプセレクタ
  タイプセレクタ 読み：たいぷせれくた 英語：type selector 別名：要素セレクタ, 型セレクタ 意味： タイプセレクタとは、HTML文書の要素に対して指定できるセレクタのこと。 HTMLのタグ名をセレクタにそのまま使用します。 例： div { 　/* 宣言ブロック */ } 2009年10月10日 セレクタ(CSS) CSS HTML
• 全称セレクタ
  全称セレクタ(CSS) 読み：ぜんしょうせれくた 英語：universal selectors 別名：ユニバーサルセレクタ 意味： 全称セレクタとは、スタイルをすべての要素に適用するためのセレクタのこと。 セレクタをワイルドカードの記号「*」と記述します。 すべてのページに適用されるフォントの指定や、CSSの設定を初期化させるためなどに使われます。 2009年10月10日 セレクタ(CSS) CSS ワイルドカード?
• 画像置換
  画像置換 読み：がぞうちかん 英語：image replace 別名： 意味： 画像置換とは、HTMLのマークアップに対してCSSで画像に置き換えさせるテクニックです。 imgタグ使わず画像表示、非表示が可能になるのでロールオーバーによる画像変化など柔軟なWebデザインが可能になる反面、画像非表示の環境に対して正しく表示されなくなるなどの問題が出てしまうデメリットもあります。 2009年01月24日 Webデザイン CSS JavaScript
• リキッドレイアウト
  リキッド・レイアウト 読み：りきっどれいあうと 英語：liquid layout 別名： 意味： リキッドレイアウトとはWebページの表示において、デザインを比較的崩さずに柔軟に表示するレイアウトのこと。 Webブラウザはつねに同じ表示幅で閲覧されているとは限りません。そのためWebページのレイアウトを固定的にせず、表示幅に対して改行などを柔軟に知調節し常に一定のレイアウトを維持する、ユーザビリティを意識したレイアウト方法です。 現在はCSSの実装が一般的ですが、初期のCSSではマルチカラムなどの実装を前提におらず、またブラウザによってもCSSの実装がことなり、反って表示を狂わせてしまう場合も多々ありました。 そのため様々な方法が試みられてきました。 新しい規格CSS3はマルチカラムも意識したレイアウトの機能が実装されてきていますがシェアNo.1の...
• Bootstrap
  Bootstrap(CSS) 読み：ぶーとすとらっぷ 英語：Twitter Bootstrap 別名：Twitter Bootstrap 意味： Bootstrapとは、Twitter発のCSSフレームワークのこと。 HTML5に対応した今風なデザインをシンプルに作成出来ると評判です。 シンプルなルールのgridレイアウトやフォーム、画像を使用しない美しいボタンやラベルなど デザイナーでなくても優れたデザインのサイトを作成出来るのが特徴です。 Bootstrap, from Twitter 2012年04月10日 Twitter Bootstrap2? CSSフレームワーク? CSS HTML jQuery
• Media Queries
  Media Queries 読み：めでぃあくえりーず 英語：media queries 別名：メディアクエリ 意味： Media Queriesとは、出力画面や特徴によって外部ファイルを振り分けることの出来る機能のこと。 CSS3で策定されたMedia Typesの拡張です。 従来指定できたMedia Typesに加えwidth, height, colorなど細かい特徴によって指定できるようになりました。 指定はlinkタブやCSSファイル内で@media指定を使って利用します。 2012年02月08日 Media Expression? Media Features? CSS3 viewport
• Internet Explorer
  エクスプローラー・バー? アドオン プラグイン 【plug-in】ActiveX?classid? Trident レンダリング・モードStandardsモード? Quirksモード? Content sniffing hasLayout HttpOnly ■ IE独自拡張? フィルター(CSS)? トランジション(IE)? CSS Expressions AlphaImageLoader? ■ バージョン IE5? IE5.5? IE6? IE7? IE8 IE9
• バリデート 【validate】
  バリデート 読み：ばりでーと 英語：validate 意味： 公式な団体に準拠したデータであるか検証すること。 W3CではHTMLに 「W3C HTML Validation Service」 CSSに「The W3C CSS Validation Service」 というサービスがある。 2007年04月19日
• クロスサイト・スクリプティング【XSS】
  クロスサイト・スプリクティング 読み：くろすさいとすぷりくてぃんぐ 英語：Cross Site Scripting 別名：JavaScriptインジェクション, XSS 意味： クロスサイトスプリクティングとは、サイト間を超えてスプリクトが実行されてしまう脆弱性のこと。 Cross Site Scriptingの略だが、CSSとしてしまうとカスケーディング・スタイルシートと間違うのでXSSと略される。 XSS脆弱性が存在するページはJavaScriptが実行出来ますのでcookieやパスワードを盗まれたりなどの被害が起こります。 ユーザの入力やGETのパラメータなどエスケープ処理なしに出力されるような場合はXSSの的となります。 XSSの方法は非常に多岐に渡るのでセキュリティ対策も多くの注意点が必要となります。 2019年01月20日 エスケープ...
• アウトライン
  アウトライン 読み：あうとらいん 英語：outline 別名： 意味： ①アウトラインとは、デザインの外枠、輪郭のこと。 CSSでは全体の輪郭(線)になります。 ②あらまし、大要のこと。 HTML 5?では、Webページのコンテンツ全体を捉えたものを指します。 2010年12月06日 HTML 5?section要素? article要素? CSS コンテンツ
• プロパティ(CSS)
  background? border? display? margin? padding? color? font? font-family
• ショートハンド
  ショートハンド(CSS) 読み：しょーとはんど 英語：short-hand 別名：ショートハンド・プロパティ 意味： ショートハンドとは、CSSにおいて値を簡略化できる記法のこと。 値を半角開けて記入することにより設定する。 paddingなど空間指定の4方向の記入は上から右回りで指定される。 プロパティにより細かい記入法則があるので詳しくはリファレンスなどで調べてください。 例： div { border-width 1px; border-style solid; border-color #000; } が div { border 1px solid #000; } と書くことができます。 2012年05月30日
• インライン・スタイルシート
  インライン・スタイルシート 読み：いんらいんすたいるしーと 英語：inline style sheet 別名： 意味： インラインスタイルシートとは、タグ要素に直接style属性を指定する方法のこと。 直接指定するため範囲が限定され、ソースからも何が指定されているか分かりやすいが、デザインと構造を分けるという思想のCSSではあまり推奨されない指定方法です。 直接していされているため外部スタイルやエンベット・スタイルより指定順位は高い。 スタイルタイプが指定できないため。meta要素でスタイルタイプを指定しないと間違いとなります。 例： span style="color red;" ここが適用されます /span 2010年06月01日 外部スタイルシート? エンベット・スタイルシート? meta要素 CSS
• テーブル・レイアウト
  テーブル・レイアウト 読み：てーぶるれいあうと 英語：table layout 別名： 意味： テーブルレイアウトとはWebページを表示する際にHTMLのタグでレイアウト構成すること。 WWWが大きく普及する黎明期、Webページをブラウザで表示するにはHTMLが必要だが最低限表示されることが優先されていたため、自由なレイアウトをする規格まで追い付いていませんでした。 Webページが一般的になってくるとさらにブランド力を高めるために高いデザインを要求されるようになっていきました。 そこで比較的自由度の高いテーブルタグ?を中心としたレイアウトの仕方が流行し普及することとなりました。 しかしHTMLタグでレイアウトすることは人間にとっての見た目を重視するだけで本来の意図とかけ離れてしまっておりW3CはWeb標準を掲げCSSの普及を促しています。 2009年...
• Acid1
  CSS 1?
• web標準
  Web標準 読み：うぇぶひょうじゅん 英語：Web Standards 別名： 意味： web標準とはwebで標準的に利用されるべき技術のこと。 主に国際化標準団体W3Cが中心となって取り決めている。 現在ではHTMLからレイアウトの分離(レイアウトはCSSへ)、ルーズなHTMLから厳格なXHTMLの移行等の流れになってきている。 web標準におけるメリット アクセスビリティの向上 HTMLだけでレイアウトまで表現すると様々なブラウザに対応できず、障害者や高齢者にとっては非常に不便をしいることとなっていた。 そうした様々なブラウザ環境にも幅広く対応できるように構造と視覚表現を分離した環境を提供できるようになる。 生産性と再利用性の向上 構造と視覚表現を別々に分離することによって仕事を分けることが出来、また再利用の観点からも非常に便利になる...
• スタイルシート
  CSS XSL?XSLT XSL-FO?
• Web Fonts
  Web Fonts 読み：うぇぶふぉんと 英語：Web Fonts 別名： 意味： Web Fontsとは、Webブラウザのフォントをサーバ上から利用する機能のこと。 CSS3で定義されいます。 従来のWebブラウザの文字表現はローカル環境でインストールされたフォントが前提でしたが、WindowsやMacなどの環境によりフォントが異なっていたため共通の文字表現や特殊なフォントの使用は困難でした。そこで、ブロードバンド時代においてサーバ上のフォントを使用出来る環境が整ったのでフォントをサーバから読み出し、どのブラウザでも共通のフォントが使用できるようにWeb Fontsが考え出されました。 これにより、高いデザインの文字表現が可能となりました。 欧文と比べ非常に文字数が多い日本語などはデータ量も多いためサブセット化などが必要でしょう。 また、使用にはライセンス...
• Bootstrap2
  Initializr Bootstrap HTML5 CSS jQuery
• font-family
  フォント・ファミリー? 総称ファミリー? フォント CSS
• ブラウザ【webブラウザ】
  ブラウザ【Webブラウザ】 読み：うぇぶぶらうざ 英語：Web browser 別名： 意味： WebブラウザとはWebページを閲覧するためのアプリケーション?のこと。 内部的にはURLで指定したアドレスのWebサーバから、HTTPで取得したHTMLやその他のデータをパース?し、成形してユーザに表示します。 現在の代表的なWebブラウザはInternet Explorerが大きなシェアを占めておりそれにFirefoxやOperaが追随しています。 HTMLの他にCSSやECMAScriptといった共通の仕様もありますがそれぞれ独自の拡張もあり同じWebページが同じように表示されるとは限りません。 また、FlashやAppletなどのプラグイン?で表現豊かなWebコンテンツ?が可能になります。 さらに最近ではRIAなど従来のWebアプリケーシ...
• ブラウザ(Android)
  Google Chrome WebKit Android HTML5 CSS3
• @wiki全体から「CSSハック」で調べる

更新順にページ一覧表示 | 作成順にページ一覧表示 | ページ名順にページ一覧表示 | wiki内検索