TECH I.S.

CSS border - 省略形プロパティ


CSS border - 省略形プロパティ

前のページで見たように、境界線を扱う際に考慮すべき多くのプロパティがあります。

コードを短くするために、1 つのプロパティで個々の境界線プロパティをすべて指定することもできます。

borderプロパティは、次の個々の境界線プロパティの省略形プロパティです。
  • border-width
  • border-style(必須)
  • border-color

p {  border: 5px solid red; }

結果

いくつかのテキスト

片側だけにすべての個々の境界線プロパティを指定することもできます。

border-left

p {  border-left: 6px solid red; }

結果

いくつかのテキスト

border-bottom

p {  border-bottom: 6px solid red; }

結果

いくつかのテキスト



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細