$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

ある要素にカスタム・プロパティーを使って背景色を指定したとする。そしてその要素に擬似要素を追加する。その擬似要素で背景色を指定すると、要素の背景色が初期化されてしまう。というバグがEdge 15にあった。 View Demo: Background Color Disappearance on Edge 15 デモは変数を定義し、参照するだけの簡単なCSSだ。しかしEdge 15でおかしくなる。Chrome 58やFirefox 53、Mobile Safari 10.3.2、そしてChrome 61やFirefox 55では問題ない。 カスタム・プロパティーの定義済み変数が参照できず、不明な値として初期値が採用されているように見える。擬似要素が追加されることで変数のスコープが壊れているような印象だ。 報告はした……。Edge 15でカスタム・プロパティーのバグがひと通り直るまでは長そうだ

Windows 10 Creators Update の提供とあわせて、Microsoft Edge が build 15.15063 へとアップデート。これにより CSS カスタムプロパティに対応したので早速試してみました。どうやら content プロパティを変数から読み込めないようです。 先週、下記のエントリー内でも触れたのですが、2017年 4月 11日から、Windows 10 の大型アップデートである、「Windows 10 Creators Update」 の提供が開始されます。 このアップデートにより、同梱される Windows 10 標準ブラウザである Microsoft Edge が build 15.15063 にアップデート。CSS カスタムプロパティ （CSS Variables） に対応したので、早速どんな感じか確認してみました。 Windows Vista と

スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかもしれないけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、商品一覧など、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。そんな「よこ並びにするためのCSS」も、やり方はさまざま。お馴染みのやつから、新参者まで、順番に見ていくことにします:)。 よこ並び？ そう、よこ並び。 例えばボタンを横一列に並べたり。商品の情報なんかだと、横に3つずつ並べて改行して、多段に並べる場合もありますね。偏（ひとえ）に「よこ並び」と言えど、CSSにはそのやり方がたくさんあるんです:o。 導入 この記事で紹介するよこ並びの方法は以下の通り。 CSSの歴史的な背景から、最初はfloatプロパティを使った方法を紹介します。 float（フロート） 要素を左右へ寄せるためのプロパティ。 後続する文章（テキスト）などのインラ

CSS Reference is free and always will be! Please whitelist us in your ad blocker. Thank you! A free visual guide to CSS Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.