Shorthand and longhand styleguide entry

[jamesnw]

Based on conversation in #1764 (comment)

[ddbeck]

Contrasting with what not to do would be cool, here I think.

Also, I'd been using sembr in this file, or at least one-sentence per line. I don't feel strongly on that point though.

One thing is left unanswered: should I use "longhand properties" or "longhands". I think I prefer the former, but I'd like to know whether I am alone in this. 😅

Suggested change

	In CSS, use the terms "shorthand" and "longhand" to describe the relationship
	between CSS properties that combine multiple properties into a single
	declaration and the individual properties.
	Prefer the terms "shorthand" and "longhand" to describe the relationship between CSS properties that combine multiple properties into a single declaration and the individual properties.
	Avoid the phrase "constituent properties" for longhand properties, even though this is common on MDN Web Docs.

[jamesnw]

One thing is left unanswered: should I use "longhand properties" or "longhands". I think I prefer the former, but I'd like to know whether I am alone in this. 😅

I added a bit of clarification here-

Avoid using these terms without the word "property", so prefer "The text-wrap CSS property is a shorthand" over "The text-wrap CSS shorthand", and "It is a longhand property of..." over "It is a longhand of".

I think what matters is that shorthand and longhand don't replace the word "property" but rather clarify the type of property, but we don't need to say "*hand property" in that order, necessarily.

[ddbeck]

I really like this version! I'm going to request reviews from the active folks around here, so it gets some extra visibility ahead of merging.

[captainbrosset]

Prefer assumes that these terms are better than another alternative. But this sentence doens't mention an alternative. So let's use "use" instead. We can also use "properties" here directly, since we are later saying that we shouldn't forget it.

Suggested change

	Prefer the terms "shorthand" and "longhand" to describe the relationship between CSS properties that combine multiple properties into a single declaration and the individual properties.
	Use the phrases "shorthand property" and "longhand property" to describe the relationship between CSS properties that combine multiple properties into a single declaration and the individual properties.

[jamesnw]

I agree on "use". I'd prefer not to refer to it as a phrase with "property", because "The property is a shorthand" is valid, for instance.

[captainbrosset]

Some formatting helps parse this sentence:

Suggested change

	Avoid using these terms without the word "property", so prefer "The `text-wrap` CSS property is a shorthand" over "The `text-wrap` CSS shorthand", and "It is a longhand property of..." over "It is a longhand of".
	Avoid using "shorthand" and "longhand" without the word "property":
	* Prefer "The `text-wrap` CSS property is a shorthand" over "The `text-wrap` CSS shorthand".
	* Prefer "It is a longhand property of" over "It is a longhand of".