Как работает и для чего нужен position: running(header)

[Yriy]

Не могу найти описание position: running(header).

Объясните, пожалуйста, простыми словами для чего нужна эта запись, и как она работает.

 

Также не понятно, и нигде не могу найти описание @top-center.

 

Буду благодарен за любые объяснения или ссылки.

[sigma77]

Видимо вы смотрите less-файл, а не чистый css

http://lesscss.org/features/

[Yriy]

Видимо вы смотрите less-файл, а не чистый css

http://lesscss.org/features/

Синтаксис похож, но я склоняюсь к тому, что это участок кода для вывода на печать, или для преобразования в PDF.

Вот кусок кода в котором мне совершенно ничего не понятно, за исключением "display: block;"

div.header {	display: block; 	position: running(header);}div.content {	page-break-after: always;}@page { 	@top-center { 		content: element(header) 	}}@page { 	@bottom-center { 		content: element(footer) 	}}  

И найти информацию, напр. по @top-center или @bottom-center совершенно не могу.

Поисковики не выдают ничего, что было бы связано с записями подобного типа.

Edited July 16, 2015 by Yriy

[wwt]

http://htmlbook.ru/css/page

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

http://www.w3.org/TR/css-gcpm-3/#running-elements

[Yriy]

 

Благодарю за ссылки.

 

Немного прояснилось, но не до конца.

 

Вот как я это вижу:

position: running(header); - так и не понятно.

 

@page {

    @top-center {

        content: element(header)

    }

} - При печати странички, по центру в верхней части, поместить содержимое, но откуда его взять, тоже не понятно.

 

P.S. Мой английский не позволяет вникнуть в тонкости спецификации.

А простого и понятного объяснения этих записей на русском, к сожалению нигде нет.

Edited July 16, 2015 by Yriy