わからないこと　

HTML-基礎 教えてください


p.dotted_orange {
text-align: left;
border-bottom: dotted #ff9900 4px;
border-left: dotted #ff9900 4px;
border-right: dotted #ff9900 4px;
border-top: dotted #ff9900 4px;
padding: 15px;
}

と書くと、

周りがドット

になるはずですが、これは正しいのかなあ？
divを、どっととして囲むならなんとなくしっくりくるんだけど、、、

文章構造としてどうなのかな？？

厳密さって大事だと思ったり。原理主義は違うけどさ。
今のところルールを大事にしたいお年頃。