cssサーバー、WordPress、EC-CUBEなどWEB全般の疑問を解決するブログ。トップページWordPressDesignProgramトップページWordPressDesignProgramホームProgramcsscsscssの記事一覧cssPC版表示のみ、改行コード<br>を有効にする方法コンテンツが大切と言われる昨今のWEBサイトにおいて、は極めて重要な要素の1つです。ここでは、PCやスマートフォンといった端末の差にとらわれず、全ての端末でテキストが読みやすいように最適化する方法...cssPC・スマホ表示でHTMLコンテンツの表示・非表示を切り替える方法WEBサイトを作る際に、例えばこんなことがあります。スマホ版表示ではコンパクトなバナーを表示したい。いった、イレギュラーな設定を行いたい場合があります。そんなときは、CSSの「nth-child」プロパティを使いましょう。細かくクラス名を振り分けるよりも、簡単で汎用性が高いCSS記述ができます。一般的に、「E:nth-child(...cssデバイスごとにスタイルシートの適用を分ける方法レスポンシブ対応が標準となった今日、スタイルシートはデバイスサイズごとに分けて管理するのがおすすめです。従来、一つのスタイルシート(styles.css)に対してレスポンシブ用のタグを記述するのが一般的とされてきました。この方法の場合、ページ全体がスクロールされるよりもコンテンツの動きが大きく見えるようになるため、テキストや写真への注目を集めることができます。通常、要素の背景に画像を設置する時は、CSSの「」プロパティを使って指定します。ここでは、具体的な設定の...cssjavascriptとcssでポップアップを作る基本のプログラム写真を拡大表示したり、ボタンクリックでテキストを表示する際に、ポップアップを実装すると便利です。ここでは、javascriptとcssでポップアップを実現するための基本的なプログラムについて紹介していきます。ID名「popup」で囲われたブロックが、ポップアップで表示される領域...cssCSSで実現する、ホバー時にオブジェクトを太枠で囲うエフェクト通常、マウスホバー時にオブジェクトの枠を太くすると、オブジェクトそのもののサイズが大きくなってしまいます。300pxの正方形オブジェクトがあったとして、ホバー時に5pxの太枠で囲おうとすると、310pxの正方形になってしまいます。ここでは、について見ていきましょう。オブジェクトのサイズは保ったま...cssハイクオリティなキャプションエフェクトをCSSで実装する方法WEB制作の際によく実装する、使い勝手の良いキャプションエフェクトを紹介します。これらのエフェクトはすべてCSSで実現可能です。マスクをかけた後にテキストを左か...cssPHPで動的に取得した値をCSSに反映させる方法PHPで動的に取得した値をCSSに反映させたい時、そんな時は、PHPファイルにCSSを記述することで、CSSにPHP変数の値を埋め込んで動的に組み込ませることができます。適当にPHPファイルを作りましょう。ここでは、スタイルが存在しているのにデザインが適用されない場合の対処法について見ていきましょう。考えられるのが、追記する場所の間違いです。