フレームが分ける「Border：二次元と三次元」とは ファッション解説 型紙 関連記事 MDFPTのタイトル「Border」のプロジェクトの中でMitsukiキューピーは、生活の一部がオンライ化する中で気づいた世界がありました。ディスプレイ画面内の二次元空間と画面で繋がっている三次元空間が同時に存在している点です。この「二次元と三次元」をフレームが分けると考えファッションをデザインしました。2つの空間と繋がりを表現した衣装をご覧ください。 フレームが分ける「Border：二次元と三次元」とは 二次元は写真や絵画・映像など長さと幅を持つ独立した広がり「面の世界」を指します。三次元は縦・横・高さの…

どうも皆さんこんにちは！kwです！ 今回は、border（線）の長さを指定する方法を解説していきます！ borderプロパティについて詳しく触れている自分の記事があるので、是非そちらを見てから今回の記事を見ることを推奨します！ borderプロパティについて詳しく触れている記事↓ 【HTML&CSS】borderプロパティの使い方を紹介！ - kw-webdesign’s blog 「borderプロパティについては概ね理解できたけど、borderの長さってどうやって変えるの？」という方が大半だと思います。 実はborderの長さを変えるのはとても簡単で、CSSで一行だけとある文を記述してあげ…

どうも皆さんこんにちは！kwです！ 今回は、CSSのborderプロパティの一般的な文法と、例としてborderプロパティを使ったちょっとしたテクニックを解説していきます。 borderプロパティをうまく使える人とうまく使えない人とでは、デザインの出来の差がとてもつきます。 borderプロパティを使った技術は、ウェブデザイナーにとっては必須の技術なので是非今回でborderプロパティの基本的な使い方を覚えてみてください！ 1.borderプロパティの使用用途 2.borderプロパティの一般的な文法 3.borderプロパティを使ったちょっとしたテクニック 4.まとめ 1.borderプロパ…

空と宇宙を分ける「Border：色」とは ファッション解説 型紙 関連記事 MDFPTのタイトル「Border」のプロジェクトの中からShibaキューピーが、空と宇宙を分けるborderを「色」としてデザインしたファッションを紹介します。一昔前まで宇宙に行けるのは宇宙飛行士だけでしたが、今では宇宙旅行がビジネスになりました。私たちも宇宙旅行を楽しめる時が来るのではないかと頭上を見上げます。そこには「空」と「宇宙」があります。どこが違うのか。空と宇宙を分けるものは何なのかを考えイメージした衣装をご覧ください。 空と宇宙を分ける「Border：色」とは 「空」も「宇宙」も私たちの頭上に存在する一続…

borderプロパティの基本的な使い方について書きます。borderプロパティは、要素に枠線を付けるプロパティです。具体的な書き方は、サンプルコードを確認してください。 記述の仕方 borderプロパティの基本情報 サンプルコード 表示例 まとめ 記述の仕方 /* 記述例 */ セレクタ名{ border: スタイルの種類 太さ 色; } 上記でボーダーのスタイル、太さ、色をまとめて指定します。上下左右のボーダーをそれぞれ記述する場合は、border-top、border-bottom、border-left、border-rightで指定します。また、「スタイルの種類」「太さ」「色」を個別に…

[CSS] Firefoxでborderが表示されない場合の対処 | metrograph.jp position: relative; border background-color このかみ合わせがIEやFirefoxで悪い… Firefoxに関して言えば、z-index: -1;を指定してあげることでbackground-colorがborderの下にいってくれます。

こんばんわ、山並です。 今回、ご紹介するのはCSSで使われる「border」プロパティです。 borderプロパティは、ボーダーのスタイル・太さ・色をまとめて指定する際に使用します。 要するに、文字を四角や○で囲みたいときに使用するものです。 borderプロパティの細かな設定に関しては、以下のホームページに載っていますので参考にしてくださいねm(_ _)m 参考URL： www.htmq.com ではでは、この回はこの辺で失礼致します。