CSS CSSのtext-alignでテキストの水平配置を指定する方法をわかりやすく解説
text-alignプロパティは、要素内のテキストの水平位置を指定します。主にブロック要素に適用され、インライン要素やテキストをどのように配置するかを制御します。text-alignの値とその効果の一覧 left: テキストを左揃えにします。 right: テキストを右揃えにします。 center: テキストを中央揃え...
text-align
CSS 
HTML&CSS 徐々に文章を透明化と、すべて読む コピペで使えるHTML+CSS AMP対応
新聞や雑誌のサイトなどでよく使われている記事が下に向かって徐々に半透明になり、[全てを読む]が表示されるページ。CSSのみで実現する方法を詳しく解説します。inputとlabel、checked、~セレクタを適切な順序と階層で使用します。
HTML&CSS プルダウンメニューをCSSのみで作る方法 コピペで使えるHTML+CSS
CSSのみでプルダウンメニュー、ドロップダウンメニューを実装します。li、ul要素、及び:hoverセレクタを使用して設計していきます。表示の切り替えにおいてはdisplay属性を使用します。各項目の見出しについて::beforeを用いて装飾します。
HTML&CSS 縦と横に中央寄せ(中央配置)する方法 コピペで使えるHTML+CSS
インライン要素、ブロックレベル要素それぞれについての横方向と縦方向の中央配置の実装方法。margin:auto;やtransform、translateを利用した汎用性の高い実装方法を解説します。vertical-alignやcenter要素は使用しません。
HTML&CSS 文字を中央に寄せる方法 | HTML+CSS
HTMLにおいて文字を中央に表示するいくつかの方法を紹介。文字の中央配置文字を中央に配置文字を中央に配置する<p style="text-align: center;">文字を中央に配置する</p>text-align: centerで指定すればよい。子("文字を中央に配置する")に当たる文字を中央に配置するという意味...
HTML&CSS divを使ったボックスのデザイン コピペで使えるHTML+CSS
divを使って様々なデザインのコンテンツボックスをCSSで実現します。角の丸いボックス、見出しだけが角丸のボックス。少し斜めにした見出し。入り込む見出し、アイコンが追加された見出し等、見やすく洗練されたデザインボックスを紹介します。