tableの幅を均等に指定する方法を解説。HTMLのtable要素で作成した表の列幅は、CSSのtable-layoutプロパティで均等に指定できます。ウインドウいっぱいに均等配分することも、一部の幅を固定した上で残りを可変長にして均等配分することも可能。標準では各 ...

table要素で作られたテーブルレイアウトなウェブページを、CSSだけでレスポンシブ化する簡単な方法を解説。表のセルを作るtd要素に対してdisplayプロパティを使えば、HTMLソース上では表組みのまま、各セルを分離して再配置できます。画面サイズに応じて表 ...

下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2つ以上の要素が近接している場合、ユーザーはそれらが何らかの形で関連していると見なします。複数のデザイン要素をグループ化する ...

nests です。本日はWebサイト制作で用いるpaddingとmargin の考え方についてご紹介します。 WebサイトやLPを制作している際に、初心者の方だとついついpaddingとmarginがわからなくなってしまうことがあります。 paddingとmarginは、HTMLとCSSにおいてとても重要な ...

CSSでスペースを与える時、マージン(margin)とパディング(padding)はどのように使い分けをしていますか？ Webサイトやスマホアプリで実際に使用されるUIコンポーネントを例に、マージンとパディングの使い分け方を紹介します。 下記のように3つの要素間にある ...

HTML.・CSSが初めてというあなたは↓からどうぞ 「世界の生き物」の文字の大きさを50px、ブラウザに対して水平方向で中央揃え 「南半球の広い緯度範囲に分布する。」を太字、文字色を赤 下記のHTMLをコピーして、<style>～</style>の間にCSSを追記しましょう ...

固定ヘッダがあるページで、ページ内リンクをクリックすると、リンク先のコンテンツがヘッダに隠れてしまうことがある。また、スクロールスナップ（スクロール時に特定の位置で自動的に止まる機能）を使う際も、停止位置のずれという問題が発生する。