CSSのdisplayプロパティはよく使用すると思います。値にflex, gridを設定したり、ブロックやインラインにしたい時にblock, inlineを設定します。 そんなdisplayプロパティで2つのキーワードを値として設定できる2値構文がサポートされます。すでにSafariとFirefoxにサポートされており、ChromeとEdgeは7月リリース予定の115でサポートされます。
先日、display:contents;というプロパティをはじめて知りました。 他のdisplayシリーズと比べるとあまり馴染みがなかったので、今回はdisplay:contents;とは何か、どんな場面で使えるのかについて紹介します。 1. 結論 display:contents;を指定した要素は、あたかも存在しないかのように扱うことができる これにより、グリッドレイアウトやレスポンシブデザインを作成する際に便利に活用できる ただし、アクセシビリティに課題が残るため、慎重に使用する必要がある 2. display:contents; とは? 2-1. display:contents;の概要 display:contents;を指定した要素は、存在しないかのように扱われ、指定した要素の子要素が直接親要素内に挿入されます。 Mdn Web Docsでは以下のように説明されています。 これら
こんにちは! refeiaです。 今回はiPadの液タブ化の夢を見ていこうと思います(自費購入で)。「iPadの液タブ化? それはもうSidecarで結論が出たはずでは?」ですか? いいえ。今回はWindowsの話です。 iPadはApple Pencilの登場以来、ダイレクト感のある描き味、イラストアプリの充実などで、イラスト機材としての立場を確立してきました。一方で、PCは柔軟さやスペックの高さ、豊富なアプリといった利点があり、まだiPadだけでいいとも言いづらいのは確かです。 どうせPCもiPadも両方持つ……それなら、iPadが液タブの代わりになったらいいな、と考えるのも人情でしょう。そこにさっそうと現れるのが、2021年10月に正式リリースとなった「Luna Display for Windows」です。 このドングルを使うと、iPadがサブディスプレイとして動作して、タッチ操作
iPhone SE(第3世代)・M1 iPad Air・M1 Ultra・Mac Studio・Studio Display。 #AppleEvent で発表されたものまとめ【更新終了】2022.03.09 07:30228,006 かみやまたくみ satomi 眠気ピークな時間の開催でしたが、ぶっ飛びましたね…。 今回のApple Eventの副題は「最高峰を解禁。」。英語だとPeak Performance、すごいものが出そうな響き。 この記事では、同イベントの様子をリアルタイムでお伝えしていましたが… ・新色グリーンのiPhone 13/13 Pro ・iPhone SE(第3世代) ・M1搭載のiPad Air ・新型Mac「Mac Studio」 ・Apple純正27インチディスプレイ「Studio Display」 と大量の新製品が発表に! YouTubeライブも行なっていまし
はじめに みなさんは、CSSのdisplayプロパティを知っていますか? CSSを扱う上で、一番使うのがdisplayプロパティではないのでしょうか? 最近では、display: flex; や display: grid; が追加され、いろいろなレイアウトが作りやすくなったのは、記憶に新しいかと思います。 そんな中で、CSS Display Module Level 3で、displayプロパティに2つの値を入れることができるようになることがわかりました。 ※ まだ、Firefox 70以上・Safari 15以上でのみ再現できます。(2022年1月20日) そのため、この記事では、displayプロパティに2つの値を入れられることについて解説しようと思います。 背景 まずは、displayプロパティに2つの値を入れられるようにした背景について解説します。 最近displayプロパティに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く