I Read All the W3C Specs

CSS Inline Layout Module Level 3

(http://www.w3.org/TR/css-inline-3/)

initial-letter: total-lines sink-lines;

Dropcap Config:

Total lines:

Sink lines:

Among other public buildings in a certain town, which for many reasons it will be prudent to refrain from mentioning, and to which I will assign no fictitious name, there is one anciently common to most towns, great or small: to wit, a workhouse; and in this workhouse was born; on a day and date which I need not trouble myself to repeat, inasmuch as it can be of no possible consequence to the reader, in this stage of the business at all events; the item of mortality whose name is prefixed to the head of this chapter.

* No support in major browsers at present; brought to you by dropcap.js polyfill

CSS Counter Styles Level 3

(http://www.w3.org/TR/css-counter-styles-3/)

@counter-style custom_counter_name

Largest U.S. Cities by Population (Source: Wikipedia)

ol {list-style-type: decimal};@counter-style binary {
  system: numeric;
  symbols: '0' '1';
  suffix: ". ";
}

ol {list-style-type: binary};@counter-style fingers {
  system: additive;
  additive-symbols: 5 "\1f591", 4 "\1f596",
  3 "\1f58f", 2 "\1f594", 1 "\1f446";
  suffix: "   ";
}

ol {list-style-type: fingers};

New York
Los Angeles
Chicago
Houston
Philadelphia
Phoenix
San Antonio
San Diego
Dallas
San Jose
Austin
Indianapolis
Jacksonville
San Francisco
Columbus
Charlotte
Fort Worth
Detroit
El Paso
Memphis
Seattle
Denver
Washington D.C.
Boston
Nashville

@counter-style : Decimal Binary On Fingers

* Varying degrees of limited support in Firefox, Chrome, and Safari

CSS Custom Properties for Cascading Variables Module Level 1

(http://www.w3.org/TR/css-variables-1/)

--varname; var()

section.css-example.variables aside {
	  --color: 255,0,0;
		background-color: rgba(var(--color), 0.1);
		padding-bottom: 10px;
		width: 300px;
		box-shadow: 10px 10px 15px;
	}

	section.css-example.variables aside h1 {
	  padding: 3px 9px 3px 9px;
	  font-size: 15pt;
	  text-shadow: none;
	  background: linear-gradient(to right, rgba(var(--color), 1), rgba(var(--color), 0.1))
	}

	section.css-example.variables aside p {
	  margin: 10px;
	  font-size: 12pt;
		text-align: left;
	}

--color:

* Among major browsers, works only in Firefox

CSS Paged Media Module Level 3

(http://www.w3.org/TR/css3-page/)

CSS Generated Content for Paged Media Module

(http://www.w3.org/TR/css-gcpm-3/)

@page; string-set

I Read All the W3C Specs !

😉

Sanders Kleinfeld

O'Reilly Media, Inc.