borderプロパティで2つしか指定してない

Question

前提・実現したいこと

現在CSSの勉強をしているのですが、borderプロパティで2つしか指定してない表記がありました。以下にコードを示しておりますが、そのような表現もあるのですか、好まれますか。

（追記）
このコードで実現したいのはブロックの上下にのみ罫線を引くことです。
またここでの好まれるか、というのは保守性・可読性が高いかという趣旨でしたが、わたくしの勉強不足が招いた勝手な誤解でした。

該当のソースコード

.navi {
    border: solid #CCCCCC;
    border-width: 1px 0;
}

Comments

[m.ts10806]

提示の記述をする際に参考にした記事や、何を実現したいのかを具体的に質問本文に記載願います。
「好まれますか」というのは誰の視点でしょうか？さまざまな書き方や表現法方がある以上「想定通り動いてるなら特に問題なし」という回答になりますが、それで良いのでしょうか。本当にこれだけしかないのか、他にもあるのか、htmlによってもかわってきます。前提や背景、目的も追記してください。

[kumayama]

質問に反応していただきありがとうございます。おっしゃる通り曖昧な質問をしてしまいました。
回答を見て要素を調査したところ（これを質問する前にするべきでした）、borderプロパティでborder-widthプロパティの値を省略すると初期値mediumが指定されてました。borderプロパティのほかにも、例えばbackgroundプロパティでも同様に値を省略できることが分かりました。
好まれますか、という質問の意図は他の人が見てわかりやすいコードであるか否か、でしたが、これに関してはご指摘通り後で質問に追記させていただきます。

Answer 1

そのような表現もあるのですか。

そのような表現もあります。
質問文のコードのように指定した場合、border-widthプロパティの値は、上下が1px, 左右が0となり、これがborderプロパティにて適用されていたborder-widthプロパティの初期値(medium)を上書きします。

/* 上下 | 左右 */
border-width: 2px 1.5em;

参考: [border-width - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/border-width#Syntax)

> 好まれますか。

もし上下、左右の`border-width`プロパティに別々の値を適用したいのであれば、好ましい値の指定だと思います。もし上下、左右の`border-width`プロパティが同じ値なのであれば、`border-width`プロパティに 1 つの値を指定するだけで構いません。

Comments

[kumayama]

質問に反応していただきありがとうございます。この質問は結局私自身の勉強不足によるものでしたが、この回答で自分で学ぶ機会が得られました。ありがとうございました。