Колонка-правило-колір - CSS-хитрощі

Зміст:

column-rule-colorВластивість CSS визначає колір лінії між стовпцями в компонуванні CSS декілька стовпців.

Власність не може діяти сама! Для того, щоб побачити колір, нам потрібно зробити лінію - технічно звану «правилом» - між стовпцями. Для цього потрібна column-rule-styleвласність.

.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )

Або ми можемо використовувати column-ruleскорочене властивість, яке поєднує column-rule-color, column-rule-styleі column-rule-widthв одній декларації.

column-rule: 3px solid #f8a100;

Синтаксис

column-rule-colorприймає одне значення кольору. Це може бути будь-який дійсний колір CSS, включаючи шістнадцятковий, RGB, RGBa, HSL, HSLa та названі кольори. Це навіть приймається currentColorяк цінність.

column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;