タグ

SafariとCSSに関するkeijixのブックマーク (6)

  • SafariとChromeのCSS対応:文字や画像にマスクをかける - builder by ZDNet Japan

    builder by ZDNet Japanをご愛読頂きありがとうございます。 builder by ZDNet Japanは2022年1月31日にサービスを終了いたします。 長らくのご愛読ありがとうございました。

    SafariとChromeのCSS対応:文字や画像にマスクをかける - builder by ZDNet Japan
  • CSSだけで文字や画像を反転させる - builder by ZDNet Japan

    ビジネスの推進には必須! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド アプリが簡単にできるって当? セールス、マーケ、人事の3名が実際に体験 業務をローコードツールで改善してみた モダンなOSだからこそ可能 MS製品の歴史を振り返りながら ビルトインセキュリティの利点を理解 データドリブンに足りないもの DOMO Japan 川崎氏に聞く データ活用能力の向上に必要なこと 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 オープンソース活用はあたりまえ! そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク ビジネスのためのデータ基盤構築 DX時代の

    CSSだけで文字や画像を反転させる - builder by ZDNet Japan
  • 三点リーダとCSSのフォント指定 - LAZY CAMERA Weblog

    この記事は2006年12月4日に書かれたものです。その後のCSSによる三点リーダ表示の解決法については、この記事に詳しく書きましたのでご参照ください(2013年3月12日)。 以前から三点リーダ(…)がピリオドを3つ打ったみたい(...)に見えるのが気になっていたのだけど、あまりにも腑に落ちないので調べてみた。 ネット上にもあまりそういう情報が転がっていなくて、おかしいなぁと思ったら、WindowsのIEでは発生しない問題のようだ。これは主にSafariとFirefoxが対象(Operaは大丈夫だった)。 日頃からIEの文句ばっかり言ってる手前、こういうのはとても困るが、まあ仕方がない。 このサイトはCSSで body { font-family: "Lucida Grande", Verdana, Arial, sans-serif; } と指定している。 つまり、欧文フォントはLuci

  • CSS Hack for Safari | コリス

    Safari のCSS Hackのまとめです。 Safari 3の検証には、2007年6月11日にリリースされた「Safari 3 ベータ版 for Windows XP」を使用しています。 ※Safari 3の正式版は、2007年10月にリリース予定です。 html*element sign after a semi-colon html:¥66irst-child html* box brackets html* underscore @media all body:last-child:not(:root:root) html[xmlns*=""] body:last-child body:first-of-type -webkit-min-device-pixel-ratio:0 /**/ html* 下記の10個のうち、Safari 3のみ有効だったのはbody:first-of

    CSS Hack for Safari | コリス
  • CSSハック〜モダンブラウザ(IE、Safari)編

    こんにちは。maiです。 web標準化の波のおかげで、時代はcssレイアウト。 でもcssってブラウザごとにズレたりするのが困りものですよね。 そんなときにブラウザを限定してcssを適用するハックをご紹介します。 ちなみに、Firefoxが一番仕様に近い動作をするので、 cssを書くときはまずFirefoxで確認しながら書きます。 そのためFirefox向けのハックは基やりません。 o- Safari向け html*セレクタ { /* for safari */ プロパティ:値; } Safari 2.x系 html:first-child セレクタ { /* for safari2.0 */ プロパティ:値; } o- IE向け IE6 * html セレクタ { /* for ie6 */ プロパティ:値; } IE7 *:first-child+html { /* for ie7

  • FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 - builder by ZDNet Japan

    スタイルシートでボックスの横幅や高さを指定すると、中身のコンテンツがボックスに収まらない場合がある。収まらないコンテンツをどのように表示するかは、overflowプロパティで指定することが可能だ。今回は、このoverflowプロパティを紹介したい。 また、overflowに関連したoverflow-xやoverflow-y、text-overflowプロパティも紹介する。これらはInternet Explorerが独自拡張したプロパティだったが、CSS 3での採用が進むとともに他のブラウザでもサポートされるようになっている。 overflowプロパティ overflowはボックス内に収まらないコンテンツの表示方法を指定するプロパティだ。CSS 2から定義されているプロパティで、主要なブラウザであるFirefox、Safari、Opera、Internet Explorerはすべて対応してい

    FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 - builder by ZDNet Japan
  • 1