Answers for "use data attribute in css"

2

css set property with data attribute

div::after {
  content: attr(data-whatever);
}
Posted by: Guest on February-25-2020
0

css data attribute selector

[data-value] {
  /* Attribute exists */
}

[data-value="foo"] {
  /* Attribute has this exact value */
}

[data-value*="foo"] {
  /* Attribute value contains this value somewhere in it */
}

[data-value~="foo"] {
  /* Attribute has this value in a space-separated list somewhere */
}

[data-value^="foo"] {
  /* Attribute value starts with this */
}

[data-value|="foo"] {
  /* Attribute value starts with this in a dash-separated list */
}

[data-value$="foo"] {
  /* Attribute value ends with this */
}
Posted by: Guest on October-22-2020
0

html data attribute

<a data-color="blue">
  	This tag contains a user-defined color attribute
</a>

<div data-link="https://github.com/k-vernooy">
	This tag contains a data attribute with a link
</div>
Posted by: Guest on February-22-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language