display:blockなどdisplayを解除する方法2020年11月23日display:blockは要素をブロック要素に強制的に変更できるCSSです。元に戻したいときがあるかと思います。displayを解除する方法を解説します。【方法1】元のdisplayの値で上書きする残念ながら「これを指定すれば元に戻る」というCSSや値はありません。元のdisplayの値で上書きしましょう。aタグをいったんdisplay:blockにした後に元の要素に戻すときはdisplay:inlineで上書きします。下記はよく使うhtmlタグのブラウザでのdisplay初期値一覧です。head,style,script,meta,title,linkdisplayは多くの値がありますので下記記事よりご確認ください。displayの書き方を23種デモ付きで全部説明します!この記事を読む【注意】display:initialはinlineになる「initial」はデフォルトに戻すCSSの値です。すべてinline要素になります。下記は「div,a,span」に「display:initial」を指定した例です。class="example">span</span>すべて横に並んでおり、かつwidthが効いていないことからinline要素であることがわかります。displayにおいてinitialは使わない方がいいでしょう。どのCSSプロパティにも使えますがIEでは使えません。下記記事で詳しく解説します。「パソコン版で指定したCSSをスマホ版で解除したい。初期値に戻したいけどどうすればいいの?」そんなCSSを解除・初期値にする方法を3つ紹介します。この記事を読むCSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読む【方法2】メディアクエリで条件指定これは解除・初期化というより、特定の状態の時だけCSSを指定し、それ以外のときは通常のCSSでいる、というものです。}}</style>上記の場合はブラウザの幅が801px以上の時、つまりパソコン版のとき、aタグをdisplay:blockにするというものです。ブラウザの幅が800px以下のときはこのCSSが無視され通常の状態つまりインライン要素になります。display:blockなどdisplayを解除する方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。