---
id: 587d7fa7367417b2b2512bc6
title: Add Inline Styling to Elements
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
challengeType: 6
videoUrl: ''
localeTitle: إضافة التصميم الداخلي للعناصر
---
## Description
يتيح لك D3 إضافة أنماط CSS المضمنة على العناصر الديناميكية باستخدام طريقة style()
. تأخذ طريقة style()
زوجًا ذا قيمة - مفصولة بفواصل كوسيطة. في ما يلي مثال لتعيين لون نص التحديد إلى اللون الأزرق: selection.style("color","blue");
## Instructions
أضف style()
إلى الشفرة في المحرر لجعل كل النص المعروض يحتوي على font-family
من verdana
.
## Tests
```yml
tests:
- text: يجب أن تحتوي عناصر h2
على font-family
of verdana.
testString: 'assert($("h2").css("font-family") == "verdana", "Your h2
elements should have a font-family
of verdana.");'
- text: يجب أن تستخدم التعليمات البرمجية الخاصة بك style()
.
testString: 'assert(code.match(/\.style/g), "Your code should use the style()
method.");'
```
## Challenge Seed
## Solution
```js
// solution required
```