WEBサイト制作で調べたことのメモ
投稿日：
このページのもくじ
デフォルトは左寄せになっています。
（１）画像をブロック要素として囲む。
ブロック要素= div・p・ul・li・dl など
ブロック要素に幅（width）を指定して画像に「margin-left: auto;」を指定
<HTML>
<div class="box"><img src="../jpg" alt="test" class="img-right"></div>
<CSS>
.box {width: 700px;}
.right {margin-left: auto;}
＜デモ＞
◎右寄せのCSS設定
本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。
執筆者：kobato
関連記事
仕上がりイメージからレイアウトをコーディングするとき、マージンやボーダーなど横幅の計算がややこしくて手こずっていました（涙） そんな悩みを解消してくれるありがた〜いセレクタ「box-sising」！ …
ナビ項目の文字の後ろに「▼」をつけたのですが、そのままだと、文字よりも「▼」のほうが大きく見えてしまい、文字よりも「▼」が目立ってしまった（汗） それを解消するために「span」で「▼」だけフォントサ …
「画面サイズに合わせて文字の大きさも変化させたい」けど、「em」や「rem」や「％」ではうまくいかない。 早速ググってみると。。。ありました！ vw(ViewportWidth)とvh(Viewpor …
CSSは外部ファイルから読み込ませるのが一般的なのですが、HTML内に直接記述して適用することもできます。たとえば、応急処置や外部ファイルにするまでもない一度限りの設定のような場合です。この場合、CS …
背景画像を複数重ねるなら CSS3 より、要素に複数の背景を適用できるようになりました。 複数の背景は、最初に指定した背景が最前面、最後に指定した背景が最も奥のレイヤーになるように、指定した順に重ねて …
2024/11/15
Adobe PDFプリセットの「プレス品質」と「高品質印刷」の違い
2024/10/25
2024/10/12
Excelで作った表データをIllustrator（イラレ）で使いたい！
2024/01/16
CSSが更新されない！CSSのキャッシュを自動で読み直すWEBサイト更新テクニック
サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。
