2024年1月31日 / 最終更新日時 : 2024年2月19日 cordmemo レイアウト

flexbox一覧

ほとんどのブラウザ（IE10以降）でベンダープレフィックス必要なし。 が、古いバージョン用に「-webkit-」を念のため付けておくのが無難。 ※2023年でIEのサポートは終了。 よく使うflexboxの基本セット（親 […]

2024年1月31日 / 最終更新日時 : 2024年1月31日 cordmemo 飾り枠

装飾：お知らせリンク

「重要なお知らせ」へのリンクボタン設置例 パターンA 〇〇に関するお知らせ詳しくはこちら » .announceLinkA { width: 90%; margin: 0 auto; text-al […]

2024年1月31日 / 最終更新日時 : 2024年1月31日 cordmemo 背景

背景グラデーション

linear-gradient：ほとんどのブラウザ（IE10以降）でベンダープレフィックス必要なし。 ※但し「transparent」はsafariで上手く表示されない場合があるので「rgba(255, 255, 255 […]

2024年1月31日 / 最終更新日時 : 2024年1月31日 cordmemo 背景

背景チェック

linear-gradient：ほとんどのブラウザ（IE10以降）でベンダープレフィックス必要なし。 ※但し「transparent」はsafariで上手く表示されない場合があるので「rgba(255, 255, 255 […]

2024年1月31日 / 最終更新日時 : 2024年1月31日 cordmemo 背景

背景ドット

radial-gradient：ほとんどのブラウザ（IE10以降）でベンダープレフィックス必要なし。 ※但し「transparent」はsafariで上手く表示されない場合があるので「rgba(255, 255, 255 […]

2024年1月31日 / 最終更新日時 : 2024年1月31日 cordmemo 背景

背景ストライプ

linear-gradient：ほとんどのブラウザ（IE10以降）でベンダープレフィックス必要なし。 ※但し「transparent」はsafariで上手く表示されない場合があるので「rgba(255, 255, 255 […]