Mermaid流程图节点style语句完整可选参数列表查询

官方文档覆盖情况 #

你提到的两个Mermaid流程图样式章节，没有提供style语句的完整可选参数列表。它们只展示了fill、stroke、stroke-width这类常用样式示例，并未枚举全部支持的属性。

部分CSS样式失效原因 #

像font-size这类样式无法通过style {nodeId}生效，是因为Mermaid流程图节点的style语句仅支持SVG元素兼容的部分CSS属性，并非所有标准CSS属性都能直接使用。字体相关样式通常需要通过自定义类（结合classDef）或者全局配置来设置，而非直接写在节点的style里。

完整参数查询渠道 #

要获取style {nodeId}支持的完整参数清单，有两个可靠途径：

• 查看Mermaid的GitHub源码：流程图的样式解析逻辑在源码中明确定义，找到负责节点样式处理的模块就能看到全部支持的属性。
• 参考SVG标准属性列表：因为Mermaid流程图最终渲染为SVG，所以style语句支持的属性基本对应SVG图形元素（如<rect>、<path>）可接受的CSS属性，对照SVG官方属性规范就能验证。

格式化后的示例代码 #

flowchart LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5

内容的提问来源于stack exchange，提问作者NULL pointer