{"id":1250,"date":"2020-12-22T21:45:36","date_gmt":"2020-12-22T18:45:36","guid":{"rendered":"http:\/\/starhack.ru\/?p=1250"},"modified":"2020-12-22T21:50:23","modified_gmt":"2020-12-22T18:50:23","slug":"poleznye-funkcii-v-css-o-kotoryx-xorosho-by-znat","status":"publish","type":"post","link":"http:\/\/starhack.ru\/poleznye-funkcii-v-css-o-kotoryx-xorosho-by-znat\/","title":{"rendered":"\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 CSS, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0445\u043e\u0440\u043e\u0448\u043e \u0431\u044b \u0437\u043d\u0430\u0442\u044c. \u0427\u0430\u0441\u0442\u044c \u043f\u0435\u0440\u0432\u0430\u044f. CSS-\u0444\u0443\u043d\u043a\u0446\u0438\u044f attr."},"content":{"rendered":"\n

\u0412 CSS, \u043a\u0430\u043a \u044d\u0442\u043e \u043d\u0438 \u0441\u0442\u0440\u0430\u043d\u043d\u043e, \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u0430 rgb<\/code>. \u041d\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u043e \u043d\u0435\u0439.<\/p>\n\n\n\n

CSS-\u0444\u0443\u043d\u043a\u0446\u0438\u044f attr<\/code> <\/h2>\n\n\n\n

\u0424\u0443\u043d\u043a\u0446\u0438\u044f attr<\/code>() \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u043d\u0430 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 content<\/code> \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/p>\n\n\n\n

\u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440.<\/p>\n\n\n\n

<a href=\"http:\/\/example.com\">Example<\/a>\n\na:after {\n    content: ' (' attr(href) ')';\n}<\/code><\/pre>\n\n\n\n

\n See the Pen \n abmLzea<\/a> by Sergey Kirichenko (@oknechirik<\/a>)\n on CodePen<\/a>.<\/span>\n<\/p>\n