Styles combo should more accurately reflect the selection

[Sa'ar Zac Elias]

Use the following styles:

	{ name : 'Red Title'		, element : 'h3', styles : { 'color' : 'Red' } },
	{ name : 'Red title with blue background'		, element : 'h3', styles : { 'color' : 'Red', 'background-color' : 'Blue' } }

And the following content (place the caret somewhere inside the <h3>:

<h3 style="color: red; background-color: blue;">
	This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</h3>

Open the styles combo. Both "Red title" and "Red title with blue background" are marked as focused, while only "red title" is presented in the combo label. IMO the label should read "Red title with blue background".

[Garry Yao]

Note that right now the "inline labeling" is only capable of displaying the last matched style, even we could instead displaying all matched ( e.g. separated by comma) styles, while due to the combo's fixed width I don't such a change could present this situation well.

[Sa'ar Zac Elias]

#7104 is a dup.
I think we should find a way to show the "fully matching" style.