「 CSS 」 一覧
-
cssで縦横(上下左右)中央にテキストを配置|レスポンシブに対応する2つの方法
横方向の「左右中央」は margin: auto や text-align: center がうまく効いてくれる場面が多いと思います。 ところが縦方向の「上下中央」になると、配置指定が難 …
-
cssのmargin|上下や親子でマージンが効かない…それはマージンの相殺かもね!
「マージン」って名前の通りで分っかりやすーい!って思っていたのは昔のこと。いつになっても「あれっ、マージン効かないぞー」って悩むことがあります。 そんな奥深い?マージンです …
-
cssのcolumns|ボックス内の文章を任意のカラム数に自動で段組みする方法
カラムといえば、「メインコンテンツ」と「サイドバー」など、大きなボックス要素が思い起こされますが、ここで扱うカラムは、1つのボックスの中でテキストなどを折り返す「段組み」のことです。 & …
-
htmlとcssで縦書き|自動で段組みし横スクロールを発生させないレイアウト
ウェブ上で縦書きの文字を見かけると、新鮮というか、目を引くというか、ちょっと印象に残ります。 「あっ いいな」って感じで。 こんなの (ちょっと違う?) サイトメニュー …
-
cssで影をつくる|box-shadow・drop-shadowの使い方と使い分け
cssで影をおとす「box-shadow」や「filter:drop-shadow」は、何とな~く分かるかな?!くらいの感じでこれまで使ってましたが、影のでき方を色々と試してみる機会があ …